javascript - 如何在 contentEditable 或其他地方找到由自动换行创建的换行符？

Question

我正在尝试查找浏览器布局引擎当前向用户显示的实际行数。查找“硬”中断、<'br'> 标签等非常容易，但我无法找到一种方法来在代码中查看我可以在屏幕上计算的内容。

我在这里搜索过，有一些问题/答案暗示它无法完成，或者至少非常复杂，但它们都已经过时了好几年，也许事情已经改变了。

textContent 不执行此操作，并且使用 div 的高度在此应用程序中不起作用。也许有一种我不知道的 jQuery 方式？

Answer 1

将整个物体的高度除以一个字符的高度。此方法适用于 IE、Safari、FF 和 Chrome，但情况相当简单，只有一种字体大小等，因此在宣布正确方法之前可以进行更彻底的锻炼；它需要空节点检查等。

function getLineCount(node) {
    if (node) {
        var range = document.createRange();
        range.setStart(node, 0);
        range.setEnd(node, 1);
        var h1 = range.getBoundingClientRect().height;
        range.setEnd(node, node.length);
        return Math.round(range.getBoundingClientRect().height / h1);
    }
};

风滚草徽章也被称为蟋蟀吗？