TINYMCE：画像を挿入ダイアログにコンポーネントを追加します。

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プラグインです。そのプラグインコードを拡張して、フォームにフィールドを追加することができます。これらはplugin.jsに追加されている場所を確認するには

// General settings shared between simple and advanced dialogs 

：コメントのためにTinyMCEの4.3.10を見て

。