summernote 富文本編輯器限制輸入字符長度

young.li 發(fā)布于2019-08-01 18:31 / 2301人閱讀

摘要：在中查到在初始化的時候設置，監(jiān)聽事件，獲取當前值，然后判斷長度后重新賦值，嘗試之后發(fā)現(xiàn)替換之后會在末尾出現(xiàn)一個英文，然后在開頭顯示我輸入的漢字。。。。

項目中需要一個比較簡單的富文本編輯器，于是選中了summernote 。
雖然比較輕量，但是在開發(fā)中也遇到了幾個問題，在此記錄一下。

1：樣式和bootstrap沖突，初始化之后顯示為：

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

加入該樣式覆蓋解決

2：限制輸入長度，查看了官網發(fā)現(xiàn)并沒有說到這個，經過baidu，Google，也都沒有發(fā)現(xiàn)解決方案，于是研究了下源碼

OK，this.options.maxTextLength就是我們需要的。于是設置了該參數(shù)，運行之后發(fā)現(xiàn)一個問題，在輸入中文的情況下并沒有生效，只是在英文數(shù)字的時候生效了。在Stack Overflow中查到在初始化的時候設置callback，監(jiān)聽onkeyup事件，獲取當前值，然后判斷長度后重新賦值，嘗試之后發(fā)現(xiàn)替換之后會在末尾出現(xiàn)一個英文，然后在開頭顯示我輸入的漢字。。。?？赡苁且驗橹匦陆odiv賦值text的時候光標自動到開頭。

( ?? .? ?? ) mmp，放棄了。。。

云服務器 GPU云服務器富文本編輯器富文本web編輯器 iOS限制輸入長度 php字符長度限制

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/51793.html

summernote 富文本編輯器限制輸入字符長度

摘要：在中查到在初始化的時候設置，監(jiān)聽事件，獲取當前值，然后判斷長度后重新賦值，嘗試之后發(fā)現(xiàn)替換之后會在末尾出現(xiàn)一個英文，然后在開頭顯示我輸入的漢字。。。。項目中需要一個比較簡單的富文本編輯器，于是選中了summernote 。雖然比較輕量，但是在開發(fā)中也遇到了幾個問題，在此記錄一下。 1：樣式和bootstrap沖突，初始化之后顯示為：showImg(https://segmentfau...

BearyChat 2019-08-26 11:34 評論0 收藏0
開發(fā)富文本編輯器的一些經驗教訓

摘要：當然，這只是結合自己項目的工程結構和特點設置的一套使用方式，僅供參考開發(fā)富文本編輯器的教訓由于項目的時間較緊張，我在頁面上應用了框架的背景下，想當然的想要把也應用于富文本編輯器的開發(fā)，事實證明這是不太可行的。此文已由作者劉詩川授權網易云社區(qū)發(fā)布。歡迎訪問網易云社區(qū)，了解更多網易技術產品運營經驗。最近我們的產品有一個需求是要在PC端做一個面向用戶的書評編輯器，讓用戶和編輯在蝸牛讀書...

mtunique 2019-06-28 11:04 評論0 收藏0
利用 javascript 實現(xiàn)富文本編輯器

摘要：考察了下現(xiàn)有的富文本編輯器，桌面端的很多，移動端的幾乎沒有。為此決定自研一個富文本編輯器。本文，主要介紹如何實現(xiàn)富文本編輯器，和解決一些不同瀏覽器和設備之間的。光標操作作為富文本編輯器，開發(fā)者需要有能力控制光標的各種狀態(tài)信息，位置信息等。利用 javascript 實現(xiàn)富文本編輯器閱讀 994收藏 1482017-11-03原文鏈接：eux.baidu.com利用 javascri...

cyixlq 2019-08-30 15:55 評論0 收藏0
利用 javascript 實現(xiàn)富文本編輯器

摘要：考察了下現(xiàn)有的富文本編輯器，桌面端的很多，移動端的幾乎沒有。為此決定自研一個富文本編輯器。本文，主要介紹如何實現(xiàn)富文本編輯器，和解決一些不同瀏覽器和設備之間的。光標操作作為富文本編輯器，開發(fā)者需要有能力控制光標的各種狀態(tài)信息，位置信息等。利用 javascript 實現(xiàn)富文本編輯器閱讀 994收藏 1482017-11-03原文鏈接：eux.baidu.com利用 javascri...

voidking 2019-08-23 15:20 評論0 收藏0
利用 javascript 實現(xiàn)富文本編輯器

摘要：考察了下現(xiàn)有的富文本編輯器，桌面端的很多，移動端的幾乎沒有。為此決定自研一個富文本編輯器。本文，主要介紹如何實現(xiàn)富文本編輯器，和解決一些不同瀏覽器和設備之間的。光標操作作為富文本編輯器，開發(fā)者需要有能力控制光標的各種狀態(tài)信息，位置信息等。利用 javascript 實現(xiàn)富文本編輯器閱讀 994收藏 1482017-11-03原文鏈接：eux.baidu.com利用 javascri...

用戶84 2019-08-02 14:18 評論0 收藏0