javascript - 如何为具有 contenteditable 属性的 div 元素添加 maxlength 限制？

Question

我有 contenteditable div，我需要为此元素添加 maxlength 限制。它可以简单地通过控制 keyup 事件来完成，但如果用户通过 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在类似的帖子中。