如何在 JQuery TE 工具栏中仅配置我需要的选项

How can I configure only the options I need in the JQuery TE toolbar?

本文关键字：配置 选项 JQuery TE 工具栏      更新时间：2023-09-26

我正在考虑选择一个html编辑器。我试过jHtmlArea（认为它是JQueryTE。
无论如何，我也尝试了易于使用的JQuery TE，只需调用jqte（）。
但是我似乎找不到如何设置我需要的工具栏功能（就像我在jHtmlArea中所做的那样）。
如何在工具栏中仅配置所需的选项？

请参阅 jquery te 源代码的未压缩版本。找到这个：

var vars = $.extend({
    // options
    'status'        : true,
    'css'           : "jqte",
    'title'         : true,
    'titletext'     : varsTitle,
    'button'        : "OK",
    'format'        : true,
...
}, options);

将默认选项复制并粘贴到 jqte 初始化中，仅选择要禁用的按钮并将其设置为 false，例如。我用它来保持基本的格式：

$('[data-wysiwyg]').jqte({
    // options
    'format': false,
    'fsize': false,
    'ol': false,
    'ul': false,
    'outdent': false,
    'indent': false,
    'left': false,
    'center': false,
    'right': false,
    'rule': false
});

它既丑陋又不直观，但正如我刚刚发现的那样，但在 2014 年，大多数简单的 web wysiwygs 都是无用的，或者至少有更严重的麻烦，jquery TE 最适合我的需求。

有两种方法

  1. 使用CSS

.jqte_toolbar { display:none; }

  1. 使用 jqte 选项

    $（'#txtArea'）.jqte（{
    "格式"：假，
    "fsize"：假，
    "ol"：假，
    "ul"：假，
    "缩进"：假，
    "缩进"：假，
    "左"：假，
    "中心"：假，
    "右"：假，
    "规则"：假，
    "取消链接"：假，
    "链接"：假，
    "u"：假，
    "sup"：假，
    '子'：假，
    "罢工"：假，
    "b"：假，
    "我"：假，
    "颜色"：假，
    "来源"：假，
    "删除"：假
    });

我更喜欢将两者结合起来，因为在使用第二种方法后，工具栏的一小部分仍然可见。我想到 2px。通过关闭选项，加载速度会更快

相关文章：