Question

我想在图片对话框中的input-text:Source下面添加输入文字。

在Less / TINYMCE中，css文件在哪里定义图像对话框UI？

HTML：

<textarea id="my_editor"></textarea>

<iframe id="form_target" name="form_target" style="display:none"></iframe>

<form id="my_form" action="/upload/" target="form_target" method="post" enctype="multipart/form-data" style="width:0px;height:0;overflow:hidden">
  <input name="image" type="file" onchange="$('#my_form').submit();this.value='';">
</form>

jQuery的：

tinymce.init({
    selector: '#my_editor',
    plugins: ["image"],
    file_browser_callback: function(field_name, url, type, win) {
        if(type=='image') $('#my_form input').click();
    }
});

演示：http://jsfiddle.net/SjJh7/3/

Answer 1

“插入图片”对话框的UI位于image插件中。您可以扩展该插件代码以向表单添加其他字段。

在TinyMCE 4.3.10中寻找评论：

// General settings shared between simple and advanced dialogs

查看plugin.js中添加这些内容的位置。

TINYMCE：添加组件到插入图像对话框

1 个答案: