javascript – 在Tiny MCE自定义按钮中使用现有图标

我们可以使用现有的图标自定义按钮吗? (不是图像)

我试过这个,但它不起作用:

tinymce.init({
   ...

   toolbar: 'example'

   setup: function(ed) {
      ed.addButton('example', {
         title: 'My title',
         image: '../js/tinymce/plugins/example/img/example.gif',
         classes: 'mce-ico mce-i-image',
         onclick: function() {
            ed.insertContent('Hello world!!');
         }
      });
   }
});

解决方法:

是的,您可以使用现有图标.

您可以从现有按钮中获取班级名称 – 例如正如你所做的那样“mce-i-image” – 然后,不是将其应用于新按钮的类名,而是剥去“mce-i-”前缀并使用余数 – 在这种情况下为“image” – 作为图标键.

我在下面修改了你的例子.

例如

setup: function(ed) {
  ed.addButton('example', {
    title: 'My title',
    icon: 'image',  // This line sets the icon key.
    onclick: function() {
      ed.insertContent('Hello world!!');
    }
  });
}
上一篇:集成友盟分享SDK报错


下一篇:PHP-使用div标签作为默认标签,而不是tinymce中的段落