网站上已有的tinymce加载图像列表

时间:2015-03-22 22:21:40

标签: javascript jquery image list tinymce

我有这个jquery代码:

  $.each( imgPath, function( key, value ) {
  $('#imgul').append('<div draggable=\"true\" style="display:inline-block;">
  <input type="checkbox" name="image[]" id="image[]"  class="checkboxImg" value="' + value + '">
  <img src="' + value + '" class="imgList" ></div>');   
  $("#imgRes").replaceWith($("#imgRes").clone());
  });

加载

中的一系列图像
 <ul id=\"imgul\" style=\"margin-left:10px; width:500px;\">                                 
 </ul>

通过这种方式,我已经拥有了TinyMCE 4.1.9编辑器框架下的图像列表。 点击“图片”&gt; “list”,我必须将它们发送到编辑器图像列表中。

任何建议都表示赞赏。

1 个答案:

答案 0 :(得分:0)

TinyMCE提供了添加自定义按钮的可能性,这允许我触发任何javascript事件。

在页面中插入此代码并编写一些自定义jQuery或代码以通过id获取元素真的足够了:

tinyMCE.init({
   ...

   theme_advanced_buttons1 : 'example,..'

   setup : function(ed) {
      // Register example button
      ed.addButton('example', {
         title : 'example.desc',
         image : '../jscripts/tiny_mce/plugins/example/img/example.gif',
         onclick : function() {
            ed.windowManager.alert('Hello world!! Selection: ' + ed.selection.getContent({format : 'text'}));
         }
      });
   }
});