鍍金池/ 問答/HTML5  HTML/ 可編輯的div怎么限制字?jǐn)?shù)?

可編輯的div怎么限制字?jǐn)?shù)?

問題描述

做一個聊天工具的編輯器,可以插入圖片和文字,我是用一個div,contenteditable設(shè)為true,需要將文字限制5000

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

試過用keypress和keyup,keydown,但是這些方法的阻止默認(rèn)事件不能檢測到漢字。input能檢測到漢字,但是沒法阻止輸入。如果用替換html值的方法的話,因為編輯器中圖文混合,圖片需要插入html,文字里的html標(biāo)簽字符以及<img />之類的字符又不能解析成html,所以這個方法也不好實現(xiàn)。

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?

回答
編輯回答
悶騷型

只是限制漢字和英文字母、字符的總長度?
如果只是這么簡單,那么每次input時,觸發(fā)檢測長度的方法,超出長度則不去掉最后一個字符。
判斷長度使用 $('#youreditor').val().length, 這個方法一個漢字長度為1

2018年7月3日 00:17