Видаліть меню та рядки стану в TinyMCE 4


113

Я намагаюся видалити меню та смуги стану з TinyMCE 4, тому що я хочу налаштувати дуже базовий редактор. Чи можливо це?

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


ну css ви можете це легко зробити!
Шиваншу

12
@ShivanshuSrivastava: ти жартуєш, правда? :)
Sk8erPeter

Відповіді:


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'
Cory Mawhorter

відмінно! будь-яка ідея, як налаштувати конкретну текстову область, а не всі з них?
abbood

"будь-яка ідея, як налаштувати конкретну текстову область, а не всі з них?" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", де IdOftextAreaEtc - ідентифікатор елемента керування для tinyMCE
David Bridge

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.