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

lnxxn5zx  于 2023-04-20  发布在  jQuery
关注(0)|答案(2)|浏览(142)

我正在考虑选择一个html编辑器。我已经尝试了jHtmlArea(thinking,它是JQueryTE。
无论如何,我也尝试了JQuery TE,它使用简单,只需调用jqte()。
但是我似乎找不到如何设置我需要的工具栏的哪个功能(就像我在jHtmlArea中可以做的那样)。
如何在工具栏中仅配置所需的选项?

r7xajy2e

r7xajy2e1#

查看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所见即所得是无用的,或者至少有更严重的问题,jquery TE最适合我的需求。

nhaq1z21

nhaq1z212#

有两种方法
1.使用CSS
.jqte_toolbar { display:none; }
1.使用jqte选项
$('# txtArea').jqte({
'format':false,
'fsize':false,
'ol':false,
'ul':false,
'outdent':false,
'indent':false,
'left':false,
'center':false,
'right':false,
'rule':false,
'unlink':false,
'link':false,
'u':false,
'sup':false,
'sub':false,
'strike':false,
'b':假,
'i':false,
'color':false,
'source':false,
'remove':false
});
我更喜欢两者结合,因为使用第二种方法后,工具栏的一小部分仍然可见。我认为2 px。通过关闭选项,加载会更快

相关问题