TinyMce 4 - 如何在菜单按钮上获取图像

时间:2013-10-15 11:00:16

标签: tinymce tinymce-4

这是link,我想要获取图片,取代“图片在这里?文字。有一个名为的选项图标,尝试以不同的方式提供位于系统中的图像路径,但没有成功,所以任何帮助。

向下箭头的图像。

谢谢:)

1 个答案:

答案 0 :(得分:0)

希望这会有所帮助,图标会收到图标的网址,如果您不想要文字然后将文字留空,如果您使用wordpress,您可以使用短划线图标指定图标的类,然后将css排入队列wp admin,有意义吗?

tinymce.init({
    selector: "textarea",
  setup: function(editor) {
      editor.addButton('report_design', {
        type: 'menubutton',//leave empty if only want icon
        text: ' LEAVE BLANK ',
        icon: 'YOURclassHERE',//add class for css use or url to icon
        menu: [
          {text:'Data', menu:[{text:'sub1'},{text:'sub2'}], onclick: function() {editor.insertContent('text');}}
            ]
      });
    },

    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | emoticons | forecolor backcolor | print | report_design "

});

您可以尝试var icon_url = 'path-to-icon-here';

的网址