summernote 富文本编辑器限制输入字符长度

项目中须要一个比较简单的富文本编辑器,因而选中了summernote 。
虽然比较轻量,可是在开发中也遇到了几个问题,在此记录一下。bootstrap

1:样式和bootstrap冲突,初始化以后显示为:图片描述编辑器

.note-editor .note-toolbar .btn-group {
    float: none !important;
    margin: 0 5px;
}

加入该样式覆盖解决this

2:限制输入长度,查看了官网发现并无说到这个,通过baidu,Google,也都没有发现解决方案,因而研究了下源码spa

图片描述

图片描述

OK,this.options.maxTextLength就是咱们须要的。因而设置了该参数,运行以后发现一个问题,在输入中文的状况下并无生效,只是在英文数字的时候生效了。在Stack Overflow中查到在初始化的时候设置callback,监听onkeyup事件,获取当前值,而后判断长度后从新赋值,尝试以后发现替换以后会在末尾出现一个英文,而后在开头显示我输入的汉字。。。。多是由于从新给div赋值text的时候光标自动到开头。code

( ∙̆ .̯ ∙̆ ) mmp,放弃了。。。blog

相关文章
相关标签/搜索