删除TinyMCE 4中的菜单和状态栏


113

我想从TinyMCE 4中删除菜单和状态栏,因为我想设置一个非常基本的编辑器。这可能吗?

TinyMCE 3的文档似乎不相关,我无法找到版本4的任何内容。


很好的CSS,您可以轻松做到这一点!
Shivanshu 2013年

12
@ShivanshuSrivastava:你在开玩笑吧?:)
Sk8erPeter 2014年

Answers:


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,

优秀的!任何想法如何自定义特定的文本区域而不是全部'em'?
2014年

“有什么主意如何定制特定的文本区域而不是全部的文本?” tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", 其中,IdOftextAreaEtc是用于tinyMCE的控件的ID
David Bridge

1
@DavidBridge,此语法适用于版本3.x。从4.x开始,您可以使用tinymce.init({ selector: "textarea#IdOfTextarea"})(非常类似于CSS语法)。
bvgheluwe 2014年

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

因此,显然在他们的文档中提到将这些值设为false。

    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/

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.