項目中須要一個比較簡單的富文本編輯器,因而選中了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