TinyMCE 4.x计数字符

时间:2015-04-16 11:13:15

标签: javascript jquery tinymce

我试图在微小的mce 4.x上创建字符数。我创建了计数器,但我可以限制用户输入。

tinymce.init({
    selector:'textarea',    

   charLimit : 20, // this is a default value which can get modified later
    setup: function(editor) {
        editor.on('KeyUp', function(e) {

            var tinymax, tinylen, htmlcount;

            tinymax = this.settings.charLimit;

            tinylen = this.getContent().length;

            $("#charNum").html(tinylen);

            if (tinylen > tinymax) {
               $("#charNum").html(tinylen);     
               // STOP TYPE     
            }

        });
    } 
});

我添加了e.preventDefault();但现在用户无法删除输入

 if (tinylen > tinymax) {
    $("#charNum").html(tinylen);        
    e.preventDefault();    
 }

1 个答案:

答案 0 :(得分:1)

以下是一个例子:

var max = 5;

$('#a').on('keyup', function(){
    var val = $(this).val();
    if( val.length > max ){
        $(this).val(val.substr(val, max));
    }
});

因此,如果输入长度高于允许的最大值,则只需剪切它。

Check the jsFiddle