Usuń menu i paski stanu w TinyMCE 4

113

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

Dokumentacja TinyMCE 3 nie wydaje się być odpowiednia i nie mogę znaleźć niczego dla wersji 4.

tinymce Tom Haigh
źródło
css, możesz to łatwo zrobić!
Shivanshu,
12
@ShivanshuSrivastava: żartujesz, prawda? :)
Sk8erPeter

Odpowiedzi:

253

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

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

To usuwa oba.

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

Możesz zdefiniować własne menu w następujący sposób: 

menu : {    
    test: {title: 'Test Menu', items: 'newdocument'} 
},
menubar: 'test'
Tom Haigh
źródło
4
Mała literówka: menuBar: 'file edit'powinno byćmenubar: 'file edit'
Cory Mawhorter
doskonały! masz pomysł, jak dostosować konkretny obszar tekstu zamiast wszystkich?
opactwo
„Masz jakiś pomysł, jak dostosować konkretny obszar tekstu, a nie wszystkie?” tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", gdzie IdOftextAreaEtc jest identyfikatorem kontrolki używanej dla tinyMCE
David Bridge,
1
@DavidBridge, ta składnia dotyczy wersji 3.x. Od 4.x możesz używać tinymce.init({ selector: "textarea#IdOfTextarea"})(podobnie jak składnia CSS).
bvgheluwe
28

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

tinymce.init({
    menubar: false,

});

Ale jeśli chcesz niestandardowy pasek menu 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'}
    }
});

zobacz TinyMCE, aby uzyskać dodatkową pomoc.

koder php
źródło
4

Tak więc w ich dokumentach jest jasno określone, że należy zmienić wartości na fałszywe.

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

W najnowszej aktualizacji do wersji 5 możesz wyświetlać pasek menu jako taki

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

zobacz https://www.tiny.cloud/docs/, aby uzyskać więcej informacji

SIMRAN RAJ
źródło