TinyMCE dostosuj pasek menu "plik"

Question

Czy istnieje sposób dostosowania (dodawania i usuwania opcji, np. C.) Paska menu w TinyMCE 4.0? Nie mogę znaleźć żadnej dokumentacji dotyczącej tej części edytora. Poniższy obrazek pokazuje część, o której mówię.

Answer 1

Wersja 4 to poważna przeróbka i dokumenty nie były zsynchronizowane przez pewien czas.

Dzięki eksperymentom odkryłem, że można indywidualnie włączać/wyłączać rozwijane menu lub wyłączyć cały pasek menu. tylko

Włącz specyficzne upadki drop:

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

Wyłącz menubar:

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

menubar configuration docs zostały dodane do serwisu TinyMCE.

Ponadto, jeśli chcesz całkowicie dostosować całe menu, sprawdź numer menu configuration docs.

Answer 2

skończyło się dostosowywania zarówno paska menu i paska narzędzi przez szczypanie menu i toolbar właściwości w ustawieniach Obiekt przekazany do 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', 
// ... 

znalazłem warunki dla każdego menu/przycisk przez kopanie wokół w kodzie źródłowym w poszukiwaniu .addMenuItem( i .addButton(.

Answer 3

Wersja TinyMCE 4.x ", wtyczka" code "służy do wyświetlania/edycji kodu HTML treści edytora.

Aby control pasek narzędzi, aż do wersji 4.0.6, theme_advanced_button<1-n> opcja została wykorzystana, ale przede wersji 4.0.6, toolbar lub toolbar<1-N> opcja jest używana.

Dodając "code" wtyczki do opcji paska narzędzi, menu "Narzędzia" zostanie dodany z "kod źródłowy" podmenu (jako przycisk (ikona "<>")).

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

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