2013-04-16 2 views
89

Sto tentando di rimuovere il menu e le barre di stato da TinyMCE 4 perché voglio impostare un editor di base. È possibile?Rimuovi menu e barre di stato in TinyMCE 4

La documentazione per TinyMCE 3 non sembra essere rilevante e non riesco a trovare nulla per la versione 4.

+0

bene css lo puoi fare facilmente! –

+10

@ShivanshuSrivastava: stai scherzando, vero? :) – Sk8erPeter

risposta

208

ho guardato la fonte ed era abbastanza ovvio:

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

Ciò elimina entrambe.

È anche possibile personalizzare quali parti della barra dei menu predefinita sono visibili specificando una stringa di menu abilitati, ad es. menubar: 'file edit'

È possibile definire i propri menu simile a questo:

menu : {  
    test: {title: 'Test Menu', items: 'newdocument'} 
}, 
menubar: 'test' 
+4

Piccolo errore: 'menuBar: 'file edit'' dovrebbe essere' barra dei menu:' file edit'' –

+0

eccellente! Qualche idea su come personalizzare una specifica textarea piuttosto che tutta l'emozione? – abbood

+0

"Qualche idea su come personalizzare una specifica area di testo piuttosto che tutto il resto?" 'tinymce.init ({ modalità: "esatta", elementi: "IdOftextAreaEtc", ' dove IdOftextAreaEtc è l'ID del controllo da utilizzare per TinyMCE –

18

Se si desidera rimuovere tutta la barra dei menu da cima

tinymce.init({ 
    menubar: false, 

}); 

Ma se si vuole su misura barra dei menu con alcuni sottomenu

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'} 
    } 
}); 

vedi TinyMCE per ulteriore assistenza.