javascript - 使用tinymce 4.0文本编辑器如何限制字符？

Question

这是我的 tinymce 脚本:

<script>
      tinymce.init({
          menubar: false,
          selector: "textarea",
          plugins: [
              "advlist autolink lists link image charmap print preview anchor",
              "searchreplace visualblocks code fullscreen",
              "insertdatetime media table contextmenu paste"
          ],
          toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
      });
    </script>

如何限制字符数为500？

Answer 1

我添加了“stopPropagation”行，以防止用户继续输入字符:1 - 在 textarea 的 html 代码中，有必要包含 maxlength 和 Id 的值。
2 - 在脚本部分，代码如下。如果需要，请取消注释 alert() 行，然后输入您的消息。

<script type="text/javascript">
  tinymce.init ({
    ...
    ...
      setup: function(ed) {
        var maxlength = parseInt($("#" + (ed.id)).attr("maxlength"));
        var count = 0;
        ed.on("keydown", function(e) {
          count++;
          if (count > maxlength) {
            // alert("You have reached the character limit");
            e.stopPropagation();
            return false;
          }
        });
     },

<textarea type="text" id="test" name="test" maxlength="10"></textarea>