tinymce - TinyMce 4 - How to get an image on menu button

Question

Here's a link, where I want to get an image, inplace of 'image here?' text .There is an option named icon, tried providing the image path located in the system in different ways, that didn't work out, so any help.

A down arrow kind of image.

Thanks :)

Answer 1

希望这会有所帮助，icon 接收到图标的 url，如果您不想要文本，则将文本留空，如果您使用 wordpress，您可以通过为图标指定一个类来使用破折号图标，然后在 wp admin 中排队 css，有意义?

tinymce.init({
    选择器：“文本区域”，
  设置：功能（编辑器）{
      editor.addButton('report_design', {
        type: 'menubutton',//如果只需要图标则留空
        文本：'留空'，
        icon: 'YOURclassHERE',//添加css使用的类或图标的url
        菜单： [
          {text:'Data', menu:[{text:'sub1'},{text:'sub2'}], onclick: function() {editor.insertContent('text');}}
            ]
      });
    },

    工具栏：“插入文件撤消重做 | styleselect | 粗斜体 | alignleft aligncenter alignright alignjustify | Bullist numlist outdent indent | 链接图像 | 表情符号 | 前色背景 | 打印 | report_design”

});

对于您可以尝试的网址var icon_url = 'path-to-icon-here';