2013-04-16 6 views
89

Próbuję usunąć paski menu i stanu z TinyMCE 4, ponieważ chcę ustawić bardzo prosty edytor. czy to możliwe?Usuń paski menu i stanu w TinyMCE 4

Dokumentacja dla TinyMCE 3 nie wydają się być istotne i nie mogę znaleźć nic dla wersji 4.

+0

Dobrze css możesz to łatwo zrobić! –

+10

@ShivanshuSrivastava: żartujesz, prawda? :) – Sk8erPeter

Odpowiedz

208

Spojrzałem na źródła i to było dość oczywiste:

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

Usuwa obu.

Można również dostosować, które części domyślnego paska menu są widoczne, określając ciąg włączonych menu - np. menubar: 'file edit'

Można definiować własne menu tak:

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

Mała literówka: 'menuBar: 'file edit'' powinno być' menubar:' edit pliku'' –

+0

excellent! każdy pomysł, jak dostosować konkretne textarea, a nie wszystkie z nich? – abbood

+0

"jakikolwiek pomysł, jak dostosować konkretny tekst, a nie wszystkie z nich?" 'tinymce.init ({ tryb: "dokładnego" elementy "IdOftextAreaEtc" ' gdzie IdOftextAreaEtc jest identyfikatorem kontroli wykorzystania do TinyMCE –

18

Jeśli chcesz usunąć cały pasek menu z górnym

tinymce.init({ 
    menubar: false, 

}); 

Ale jeśli chcesz Niestandardowe menubar z jakimś podmenu

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

, aby uzyskać dodatkową pomoc, patrz: TinyMCE.