Javascript TinyMCE:如何去掉一些按钮
我正在尝试对TinyMCE进行最小的实现。我只需要粗体、斜体、字体大小、字体颜色、链接和撤消/重做按钮 我已经从他们的提琴演示中删除了这个示例,并且我已经能够删除许多不需要的按钮 这就是我将init简化为的内容,但是我看不出还有什么可以消除的。是否有我找不到的单独配置?这样,我仍然可以得到列表按钮、超级/下标、删除格式和插入特殊字符Javascript TinyMCE:如何去掉一些按钮,javascript,html,tinymce,wysiwyg,Javascript,Html,Tinymce,Wysiwyg,我正在尝试对TinyMCE进行最小的实现。我只需要粗体、斜体、字体大小、字体颜色、链接和撤消/重做按钮 我已经从他们的提琴演示中删除了这个示例,并且我已经能够删除许多不需要的按钮 这就是我将init简化为的内容,但是我看不出还有什么可以消除的。是否有我找不到的单独配置?这样,我仍然可以得到列表按钮、超级/下标、删除格式和插入特殊字符 tinyMCE.init({ // General options mode: "textareas", theme: "advanced"
tinyMCE.init({
// General options
mode: "textareas",
theme: "advanced",
plugins: "", //note, i've removed every plugin for demnstration, stll have unwanted buttons
// Theme options
theme_advanced_buttons1: "|,bold,italic,|,fontsizeselect,|,forecolor,",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true,
theme_advanced_text_colors : "FF00FF,FFFF00,000000",
width: "100%",
height: "400"
});
您应该能够删除您提到的代码段中的插件。只需删除您不需要的内容,它就会进行调整。在主题选项下,您可以使用
主题\u高级\u禁用
输入您想要禁用的内容。例如,要删除下标和上标按钮,请添加以下代码:
theme_advanced_disable : "sup,sub"
这篇评论是针对TinyMCE 3.X的
您需要清空第二组(可能是第三组)按钮
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
//etc
TinyMCE 4
V4中的默认工具栏似乎只有一组按钮,因此上面的答案是3。这有点误导。在V4中,如果您不指定工具栏,它将为您构建一个
要设置工具栏中显示的按钮,只需指定所需的项目
单工具栏
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter
多个工具栏
toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
或
官方文件:
- 工具栏
- 按钮列表:
toolbar: [
"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
]