Entfernen Sie die Menü- und Statusleisten in TinyMCE 4

113

Ich versuche, die Menü- und Statusleisten aus TinyMCE 4 zu entfernen, da ich einen sehr einfachen Editor einrichten möchte. Ist das möglich?

Die Dokumentation für TinyMCE 3 scheint nicht relevant zu sein und ich kann nichts für Version 4 finden.

Tom Haigh
quelle
Nun, CSS, das können Sie leicht tun!
Shivanshu
12
@ ShivanshuSrivastava: Du machst Witze, oder? :)
Sk8erPeter

Antworten:

252

Ich habe mir die Quelle angesehen und es war ziemlich offensichtlich:

tinyMCE.init({
    menubar:false,
    statusbar: false,
        //etc
})

Dies entfernt beide.

Sie können auch anpassen, welche Teile der Standardmenüleiste sichtbar sind, indem Sie eine Zeichenfolge aktivierter Menüs angeben - z menubar: 'file edit'

Sie können Ihre eigenen Menüs folgendermaßen definieren:

menu : {    
    test: {title: 'Test Menu', items: 'newdocument'} 
},
menubar: 'test'
Tom Haigh
quelle
4
Kleiner Tippfehler: menuBar: 'file edit'sollte seinmenubar: 'file edit'
Cory Mawhorter
Ausgezeichnet! Irgendeine Idee, wie man einen bestimmten Textbereich anpasst, anstatt alle?
Abbood
"Irgendeine Idee, wie man einen bestimmten Textbereich anpasst, anstatt sie alle?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", Dabei ist IdOftextAreaEtc die ID des Steuerelements, das für tinyMCE verwendet werden soll
David Bridge
1
@DavidBridge, diese Syntax gilt für Version 3.x. Ab 4.x können Sie die verwenden tinymce.init({ selector: "textarea#IdOfTextarea"})(ähnlich wie die CSS-Syntax).
Bvgheluwe
28

Wenn Sie die gesamte Menüleiste von oben entfernen möchten

tinymce.init({
    menubar: false,

});

Aber wenn Sie eine benutzerdefinierte Menüleiste mit einem Untermenü möchten

tinymce.init({
    menu: {
        file: {title: 'File', items: 'newdocument'},
        edit: {title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall'},
        insert: {title: 'Insert', items: 'link media | template hr'},
        view: {title: 'View', items: 'visualaid'},
        format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
        table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},
        tools: {title: 'Tools', items: 'spellchecker code'}
    }
});

Weitere Hilfe finden Sie unter TinyMCE .

PHP-Codierer
quelle
4

Es ist also klar in ihren Dokumenten, dass die Werte falsch sind.

    tinymce.init({
    menubar: false,
    branding: false,
    statusbar: false,
   })

Im neuesten Update auf Version 5 können Sie die Menüleiste als solche anzeigen

    tinymce.init({
     menu: {
      edit: { title: 'Edit', items: 'undo redo | cut copy paste pastetext | selectall searchreplace' },
      insert: { title: 'Insert', items: 'image link charmap pagebreak' },
      format: { title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat' },
      table: { title: 'Table', items: 'inserttable tableprops deletetable | cell row column' }
    },
    menubar: 'edit insert format table',
});

Weitere Informationen finden Sie unter https://www.tiny.cloud/docs/

SIMRAN RAJ
quelle