Remover menu e barras de status no TinyMCE 4

113

Estou tentando remover o menu e as barras de status do TinyMCE 4 porque quero configurar um editor muito básico. Isso é possível?

A documentação do TinyMCE 3 não parece ser relevante e não consigo encontrar nada para a versão 4.

tinymce

— Tom Haigh
fonte

bem css você pode fazer isso facilmente!

— Shivanshu

12

@ShivanshuSrivastava: você está brincando, certo? :)

— Sk8erPeter

253

Eu olhei para a fonte e era bastante óbvio:

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

Isso remove ambos.

Você também pode personalizar quais partes da barra de menu padrão são visíveis, especificando uma sequência de menus ativados - por exemplo menubar: 'file edit'

Você pode definir seus próprios menus como este:

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

— Tom Haigh
fonte

4

Pequeno erro de digitação: menuBar: 'file edit'deveria sermenubar: 'file edit'

— Cory Mawhorter

excelente! alguma ideia de como personalizar uma textarea específica em vez de todas elas?

— abbood de

"alguma ideia de como personalizar uma área de texto específica em vez de todas elas?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", onde IdOftextAreaEtc é o id do controle a ser usado para tinyMCE

— David Bridge

1

@DavidBridge, esta sintaxe é para a versão 3.x. A partir do 4.x, você pode usar o tinymce.init({ selector: "textarea#IdOfTextarea"})(bem como a sintaxe css).

— bvgheluwe

28

Se você deseja remover toda a barra de menu do topo

tinymce.init({
    menubar: false,

});

Mas se você quiser uma barra de menu personalizada com algum submenu

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

consulte TinyMCE para obter mais ajuda.

— codificador php
fonte

4

Portanto, está claramente mencionado em seus documentos que tornar os valores falsos.

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

Na última atualização para v5 Você pode exibir a barra de menus como tal

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

veja https://www.tiny.cloud/docs/ para mais detalhes

— SIMRAN RAJ
fonte