删除TinyMCE 4中的菜单和状态栏
我试图从TinyMCE 4中删除菜单和状态栏,因为我想设置一个非常基本的编辑器。这可能吗删除TinyMCE 4中的菜单和状态栏,tinymce,Tinymce,我试图从TinyMCE 4中删除菜单和状态栏,因为我想设置一个非常基本的编辑器。这可能吗 TinyMCE 3的文档似乎不相关,我找不到版本4的任何内容。我查看了源代码,很明显: tinyMCE.init({ menubar:false, statusbar: false, //etc }) 这将同时删除这两个选项 您还可以通过指定一系列启用的菜单来自定义默认菜单栏的哪些部分是可见的,例如menubar:“文件编辑” 您可以这样定义自己的菜单: menu : {
TinyMCE 3的文档似乎不相关,我找不到版本4的任何内容。我查看了源代码,很明显:
tinyMCE.init({
menubar:false,
statusbar: false,
//etc
})
这将同时删除这两个选项
您还可以通过指定一系列启用的菜单来自定义默认菜单栏的哪些部分是可见的,例如menubar:“文件编辑”
您可以这样定义自己的菜单:
menu : {
test: {title: 'Test Menu', items: 'newdocument'}
},
menubar: 'test'
如果要从顶部删除整个菜单栏
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'}
}
});
请参阅以获取更多帮助。因此,他们的文档中明确规定,要将值设为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',
});
有关更多详细信息,请参阅社区版中的,我认为不允许您隐藏状态栏(由Tiny提供动力)的品牌部分
如果您想要一个完全干净的文本框,可以禁用所有栏,包括“工具栏”:
小字体:
menuBar:“文件编辑”
应该是menuBar:“文件编辑”
非常好!你知道如何定制一个特定的文本区域而不是全部吗?“你知道如何定制一个特定的文本区域而不是全部吗?”tinymce.init({mode:“exact”,elements:“idoftextraeaetc”,
其中IdOftextAreaEtc是要用于tinyMCE@DavidBridge,此语法适用于3.x版。从4.x版开始,您可以使用tinymce.init({selector:“textarea#IdOfTextarea”})
(很像css语法)。css您可以很容易地做到这一点!@shivanshurivastava:您在开玩笑吧?:)我不认为在他们的文件中明确提到了这个问题
tinymce.init({
selector:'textarea',
branding: false,
menubar:false,
statusbar: false,
toolbar: false,
});