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

时间:2013-04-16 09:26:00

标签: tinymce

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

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

5 个答案:

答案 0 :(得分:236)

我查看了源代码,这很明显:

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

这将删除两者。

您还可以通过指定启用菜单的字符串来自定义默认菜单栏的哪些部分可见 - 例如menubar: 'file edit'

您可以像这样定义自己的菜单:

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

答案 1 :(得分:26)

如果要从顶部删除整个菜单栏

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以获取更多帮助。

答案 2 :(得分:1)

因此,在他们的文档中显然提到将值设置为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/

答案 3 :(得分:0)

在社区版中,我认为您不允许隐藏状态栏(由 Tiny 提供支持)品牌部分。

https://www.tiny.cloud/docs-4x/configure/editor-appearance/#branding

答案 4 :(得分:0)

如果你想要一个完全干净的文本框,你可以禁用所有栏,包括“工具栏”:

tinymce.init({
            selector:'textarea',
            branding: false,
            menubar:false,
            statusbar: false,
            toolbar: false,
        });