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

【问题标题】：Remove menu and status bars in TinyMCE 4删除 TinyMCE 4 中的菜单和状态栏
【发布时间】：2013-04-16 09:26:00
【问题描述】：

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

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

【问题讨论】：

好吧，你可以轻松做到这一点！
@ShivanshuSrivastava：你在开玩笑吧？ :)

【解决方案1】：

我看了源码，很明显：

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

这会删除两者。

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

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

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

【讨论】：

小错字：menuBar: 'file edit' 应该是menubar: 'file edit'
太棒了！知道如何自定义特定的文本区域而不是全部吗？
"你知道如何自定义一个特定的文本区域而不是全部吗？" tinymce.init({ mode: "exact", elements: "IdOftextAreaEtc", 其中 IdOftextAreaEtc 是用于 tinyMCE 的控件的 ID
@DavidBridge，此语法适用于版本 3.x。从 4.x 开始，您可以使用 tinymce.init({ selector: "textarea#IdOfTextarea"})（很像 css 语法）。

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

因此，在他们的文档中明确提到将值设为 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/了解更多详情

【讨论】：

我认为在提出问题时他们的文档中没有明确提及

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

在社区版中，我认为您不允许隐藏状态栏（Powered by Tiny）品牌部分。

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

【讨论】：