TinyMCE anpassen "Datei" Menüleiste

Question

Gibt es eine Möglichkeit zum Anpassen (Hinzufügen und Entfernen von Optionen, e.t.c ..) die Menüleiste in TinyMCE 4.0? Ich kann keine Dokumentation zu diesem speziellen Teil des Editors finden. Das Bild unten zeigt den Teil, über den ich rede.

Answer 1

Version 4 ist eine größere Überarbeitung und die Dokumente waren für eine Weile nicht mehr synchron.

Durch Experimentieren entdeckte ich, dass es möglich ist, die Dropdown-Menüs einzeln zu aktivieren/deaktivieren oder die gesamte Menüleiste zu deaktivieren.

aktivieren spezifische Dropdown-Menüs nur:

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

Disable menubar:

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

Die menubar configuration docs haben TinyMCE Website hinzugefügt nun.

Auch, wenn Sie das gesamte Menü vollständig anpassen möchten, überprüfen Sie die menu configuration docs.

Answer 2

landete ich sowohl die Menüleiste Anpassen und die Werkzeugleiste durch die menu und toolbar Eigenschaften in den Einstellungen zwicken zu tinymce.init() gebene Objekt:

// ... 
    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', 
// ... 

Ich nehme die Bedingungen für jedes Menü/Schaltfläche gefunden um durch das Graben im Quellcode auf der Suche nach .addMenuItem( und .addButton(.

Answer 3

In TinyMCE 4.x Version, "code" Plugin wird verwendet, um HTML-Code des Editor-Inhalts anzuzeigen/bearbeiten.

Um control die Symbolleiste, bis zu 4.0.6 Version wurde theme_advanced_button<1-n> Option verwendet, aber vor 4.0.6 Version, toolbar oder toolbar<1-N> Option verwendet wird.

Durch die Zugabe von "code" Plugin auf die Symbolleiste Optionen, "Tools" Menü wird mit dem "Source Code" Untermenü (als Taste "<>" (Symbol)) hinzugefügt werden.

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

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