限制JQTE中的字符数

时间:2014-07-29 14:52:55

标签: jquery html jqte

我正在使用JQTE来实现WYSIWYG编辑器。它很棒。但我需要能够将其中的字符数限制为固定数字,例如3000.这包括与内容一起生成的HTML标记。我能够得到应用了jqte的textarea中的字符数,但是我无法阻止用户输入任何长度的字符。如果超过3000限制,我希望编辑器不要在按键上打印任何内容。我尝试使用带有按键的插件附带的更改功能,但是没有达到我的目的。我可以做最终文本的子字符串,只占用前3000个字符,但这不是我想要的。 任何人都可以帮我解决这个问题。

另外,我注意到,对于每个按下的键,我的Chrome控制台上的更改功能会被记录5次。这与上述问题无关。这只是我注意到的事情。这是一个错误吗?

1 个答案:

答案 0 :(得分:0)

我意识到这是一篇很老的帖子,但我跑过来寻找同样的答案。这就是我所做的,而且效果很好。

$('.class-selector').ready(function(){
  var totalChars = 1000;
  $("#counter").text(totalChars);
  $(".jqte_editor").keydown(function(e){
    el = $(this);
    var keystrike = e.keyCode;
    if((el.text().length > totalChars) && (keystrike != 8)) {
      return false;
    } else {
      $("#counter").text(totalChars - el.text().length);
    }
  });
});

然后我在文本区域下方添加了计数器框。这将阻止任何按键操作,但在命中总字符数限制后删除工作。