Удалить меню и строки состояния в TinyMCE 4


113

Я пытаюсь удалить меню и строки состояния из TinyMCE 4, потому что я хочу установить очень простой редактор. Это возможно?

Документация для TinyMCE 3 кажется неактуальной, и я ничего не могу найти для версии 4.


ну css, вы легко можете это сделать!
Шиваншу 05

12
@ShivanshuSrivastava: ты шутишь, да? :)
Sk8erPeter 03

Ответы:


253

Я посмотрел на источник, и это было довольно очевидно:

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

Это удаляет оба.

Вы также можете настроить, какие части панели меню по умолчанию будут отображаться, указав строку включенных меню - например, menubar: 'file edit'

Вы можете определить свои собственные меню следующим образом:

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

4
Маленькая опечатка: menuBar: 'file edit'должно бытьmenubar: 'file edit'
Кори Мохортер

превосходно! есть идеи, как настроить конкретное текстовое поле, а не все?
abbood

"есть идеи, как настроить конкретное текстовое поле, а не все их?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", где IdOftextAreaEtc - идентификатор элемента управления, который будет использоваться для tinyMCE
Дэвид Бридж

1
@DavidBridge, этот синтаксис предназначен для версии 3.x. Начиная с 4.x вы можете использовать tinymce.init({ selector: "textarea#IdOfTextarea"})(как синтаксис css).
bvgheluwe

28

Если вы хотите удалить всю строку меню сверху

tinymce.init({
    menubar: false,

});

Но если вам нужна настраиваемая строка меню с каким-то подменю

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

см. TinyMCE для получения дополнительной помощи.


4

Итак, в их документации четко указано, что значения должны быть ложными.

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

В последнем обновлении до v5 вы можете отображать строку меню как таковую

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

см. https://www.tiny.cloud/docs/ для получения более подробной информации.

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.