TinyMCE:如何摆脱一些按钮

时间:2012-04-10 17:35:21

标签: javascript html tinymce wysiwyg

我正在尝试对TinyMCE进行最小化的实现。我想要的唯一按钮是粗体,斜体,字体大小,字体颜色,链接和撤消/重做。

我从他们的小提琴演示中修剪了这个例子,我已经能够移除许多不受欢迎的按钮。

这就是我将init减少的原因,但我看不出还有什么可以消除的。我找不到单独的配置吗?有了这个,我仍然得到列表按钮,超级/下标和删除格式并插入特殊字符......

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"
});

3 个答案:

答案 0 :(得分:4)

在主题选项下,您可以使用theme_advanced_disable输入要禁用的内容。例如,要删除下标和上标按钮,请添加以下代码:

theme_advanced_disable : "sup,sub"

答案 1 :(得分:4)

此评论正在解决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"

OR

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"
 ]

官方文件:

答案 2 :(得分:0)

您应该能够删除您提到的代码段中的插件。只需删除您不需要的内容,就应该进行调整。