【问题标题】:TinyMCE: How to get rid of some buttonsTinyMCE:如何摆脱一些按钮
【发布时间】:2012-04-10 17:35:20
【问题描述】:

我正在尝试对 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"
});

【问题讨论】:

    标签: javascript html tinymce wysiwyg


    【解决方案1】:

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

    theme_advanced_disable : "sup,sub"
    

    【讨论】:

    • 这里也是所有这些 FlavorScape 的列表:tinymce.com/wiki.php/Buttons/controls
    • 谢谢孩子们!我通常是一个原始的编码员并且回避库,但是 TinyMCE 很不错!
    • 是的,这将是一个非常烦人的轮子重新发明
    【解决方案2】:

    此评论针对的是 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"
     ]
    

    官方文档:

    【讨论】:

    • @Aknosis 美丽。我给它一个测试!非常感谢。
    【解决方案3】:

    您应该能够删除您提到的代码 sn-p 中的插件。只需删除您不需要的内容,它应该会调整。

    【讨论】:

    • err,如果你看到我的原始列表,没有任何东西看起来像子弹......我可以删除所有插件,仍然有按钮。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-07-24
    • 1970-01-01
    • 2017-01-25
    • 1970-01-01
    • 2011-02-23
    • 1970-01-01
    相关资源
    最近更新 更多