summernote - 如何限制summernote中文本区域的字数

Question

我正在尝试限制夏日笔记中允许的字数。

例如，我只想限制最多 50 个字。

你有什么想法吗？

$(document).ready(function() {
    $('#summernote').summernote({
        height: 20,
   });
});

Answer 1

我想为这篇文章做出贡献，因为这帮助我找到了我想要的解决方案。看来建议的答案尚未被接受。

我为 maxLength 创建了一个变量，以下是我配置 Summernote 回调的方式。请注意，我使用的 Summernote 版本的编辑区域为 .note-editable。下面的解决方案是 typescript ，我有一个目标范围，它显示剩余的字符数。

callbacks: {
onKeydown(e) {

  // The text method will ignore HTML tags and preserve non-breaking
  // space allowing for a true character count

  let content: string = $('.note-editable').text();

  // This checks if the character is alphanumeric (i.e. not a backspace or return key)

  let isCharacter: boolean = (/[a-zA-Z0-9-_ ]/.test(String.fromCharCode(e.keyCode)));

  // If the current content length is at max, preventDefault will disallow 
  // any more characters

  if (isCharacter) {
    if (content.length >= maxLength) {
      e.preventDefault();
    }
  }
},
onKeyup(e) {

  // After the result of checking the character and max length exceeded, 
  // take the resulting count and determine and display characters remaining

  let content: string = $('.note-editable').text();
  let charactersRemaining: number = maxLength - content.length;
  $('#SomeDivId span').text(charactersRemaining);
}