我正在考虑选择一个html编辑器。我已经尝试了jHtmlArea(thinking,它是JQueryTE。无论如何,我也尝试了JQuery TE,它使用简单,只需调用jqte()。但是我似乎找不到如何设置我需要的工具栏的哪个功能(就像我在jHtmlArea中可以做的那样)。如何在工具栏中仅配置所需的选项?
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最适合我的需求。
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。通过关闭选项,加载会更快
.jqte_toolbar { display:none; }
2条答案
按热度按时间r7xajy2e1#
查看jQuery TE源代码的未压缩版本。找到以下内容:
复制并粘贴默认选项到jqte初始化中,只选择你想禁用的按钮并将它们设置为false,例如。我用这个来保持基本的格式:
这是丑陋和不直观的,但正如我刚刚发现的,但在2014年,大多数简单的web所见即所得是无用的,或者至少有更严重的问题,jquery TE最适合我的需求。
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。通过关闭选项,加载会更快