当前位置: 首页 > Web前端 > HTML

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

时间:2023-04-02 16:45:02 HTML

项目需要一个比较简单的富文本编辑器,所以选择了summernote。虽然比较轻量级,但是在开发的过程中也遇到了几个问题,记录在这里。1:样式与bootstrap冲突。初始化后显示为:.note-editor.note-toolbar.btn-group{float:none!important;margin:05px;}加这个样式覆盖解决方法二:限制输入长度,看看官网没提这个。baidu和google都没有找到解决办法,于是研究了一下源码OK,this.options.maxTextLength就是我们需要的。于是设置了这个参数,运行后发现有问题。输入中文时不生效,输入英文数字时才生效。我在StackOverflow上发现我在初始化的时候设置回调,监听onkeyup事件,获取当前值,判断长度后再重新赋值。试了一下,发现替换后,最后会出现一个英文单词,然后开头会显示我输入的汉字。...这可能是因为当文本重新分配给div时,光标会自动转到开头。(??.???)mmp,放弃。..