TinyMCEは "ファイル"メニューバーをカスタマイズします

Question

TinyMCE 4.0のメニューバーをカスタマイズ（追加、削除、e.t.c ..）する方法はありますか？私はエディタの特定の部分に関するドキュメントを見つけることができません。下の画像は、私が話している部分を示しています。

Answer 1

バージョン4は主な書き換えであり、ドキュメントはしばらく同期していませんでした。

実験的に、ドロップダウンを個別に有効/無効にしたり、メニューバー全体を無効にすることが可能であることを発見しました。

のみ、特定のドロップダウンを有効にする：

tinymce.init({ 
    selector: "textarea", 
    menubar: "edit format" 
}); 

無効にメニューバー：

tinymce.init({ 
    selector: "textarea", 
    menubar: false 
}); 

をmenubar configuration docsは現在、TinyMCEをサイトに追加されました。

また、メニュー全体を完全にカスタマイズする場合は、menu configuration docsをチェックしてください。

Answer 2

私は設定でmenuとtoolbarの特性を微調整することにより、メニューバーとツールバーの両方をカスタマイズすることになったがtinymce.init()に渡されたオブジェクト：

// ... 
    menu : { 
    edit: { title: 'Edit', items: 'undo redo | cut copy paste selectall | searchreplace' }, 
    insert: { title: 'Insert', items: 'link charmap' }, 
    format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | removeformat' }, 
    table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' } 
    }, 
    toolbar: 'undo redo | bold italic underline | link hr | alignleft aligncenter alignright | blockquote bullist numlist outdent indent | code', 
// ... 

私の周り掘って、各メニュー/ボタンの条件を発見しましたソースコードで.addMenuItem(と.addButton(を探してください。

Answer 3

TinyMCE 4.xバージョンでは、エディタコンテンツのHTMLコードの表示/編集に「code」プラグインが使用されています。

ツールバーcontrolへは、4.0.6バージョンまで、theme_advanced_button<1-n>オプションを使用したが、4.0.6バージョンの上、toolbarまたはtoolbar<1-N>オプションが使用されています。

ツールバーのオプションに「code」プラグインを追加することで、「ツール」メニューは、「ソースコード」サブメニュー（ボタンとして「<>」（アイコン））で追加されます。

tinyMCE.init({ 
    // ...... 
    // ...... 
    plugins: "searchreplace code", 

    toolbar1: "separator forecolor backcolor code", 
    toolbar2: "<<<some buttons list>>>", 
    toolbar3: "<<<some buttons list>>>", 
    toolbar4: "<<<some buttons list>>>", 
});