項目中需要一個比較簡單的富文本編輯器,于是選中了summernote 。
雖然比較輕量,但是在開發中也遇到了幾個問題,在此記錄一下。
1:樣式和bootstrap沖突,初始化之後顯示為:

.note-editor .note-toolbar .btn-group {
float: none !important;
margin: 0 5px;
}
加入該樣式覆寫解決
2:限制輸入長度,檢視了官網發現并沒有說到這個,經過baidu,Google,也都沒有發現解決方案,于是研究了下源碼
OK,this.options.maxTextLength就是我們需要的。于是設定了該參數,運作之後發現一個問題,在輸入中文的情況下并沒有生效,隻是在英文數字的時候生效了。在Stack Overflow中查到在初始化的時候設定callback,監聽onkeyup事件,擷取目前值,然後判斷長度後重新指派,嘗試之後發現替換之後會在末尾出現一個英文,然後在開頭顯示我輸入的漢字。。。。可能是因為重新給div指派text的時候光标自動到開頭。
( ∙̆ .̯ ∙̆ ) mmp,放棄了。。。