javascript - TINYMCE:将组件添加到插入图像对话框

Question

我想在图像对话框的 input-text:Source 下面添加 input-text。

在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 的位置。