如何用contenteditable attribut將div長度限制添加到div元素？

Question

我有contenteditable div，我需要爲此元素添加maxlength限制。它可以簡單地通過控制鍵盤事件來完成，但如果用戶通過ctrl + v粘貼大量文本，我需要減少用戶輸入。此外，我必須非常小心，因爲它可以是HTML。所以不能只使用子字符串。有什麼想法如何做到這一點？任何幫助將拯救我的生命。

Answer 1

在div中停止粘貼需要控制輸入事件。我不記得誰在這裏永遠幫助我，但我們在幾頁上使用這段代碼。

const limit = 200; 
rem = limit - $('#editor').text().length; 
$("#counter").append("You have <strong>" + rem + "</strong> chars left."); 
$("#editor").on('input', function() { 
    var char = $('#editor').text().length; 
    rem = limit - char; 
    $("#counter").html("You have <strong>" + rem + "</strong> chars left."); 
    console.log(char) 
    console.log(rem); 
    if (char >= 100) { 
     $("#counter").css("color", "#ff7777"); 
    } 
    else 
     $("#counter").css("color", "#111111"); 
    if(char>200) 
    { 
     //add your code to do what you want about too much text... 
    } 
}); 

我完全從這裏的某個人那裏偷東西。但我不能找到這個帖子..所以，謝謝你出去給你們中的一個人。

編輯 確定它是從類似的帖子this answer。