首页 > 解决方案 > 如何限制 contenteditable div 中的行数

问题描述

正如标题所说,我有一个 contenteditable div,并且想将最大行数限制为 X。我如何使用 jQuery 或 JS 来做到这一点。

编辑 2: 当它为新行创建 div 时,如何在粘贴文本时使其从最后一行(限制 - 最大行)继续?

标签: javascriptjqueryhtmlcontenteditable

解决方案


我试图在我之前的评论中为我的 JavaScript 示例添加代码,但不知道如何在此处进行操作。所以......在这里; 我希望。

<script type="text/javascript">
    var tBox = document.getElementById("test");
    tbox.on("keyup", function () {
        if (tBox.innerText.length > 5) {
            tBox.prop("contenteditable", false);
        }
    });
</script>

推荐阅读