我有这个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”,我必须将它们发送到编辑器图像列表中。
任何建议都表示赞赏。
答案 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'}));
}
});
}
});