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

相關文章
相關標籤/搜索