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

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