获取内容可编辑HTML框中的行

Question

我在HTML中有一个contenteditable=true分隔符。

我想得到插入符号所在的行。

我已经尝试过jQuery插入符号插件。它不起作用。

我使用下面的函数来获取当前行的插入位置：

我使用了库https://github.com/timdown/rangy。

rangy.init();
function getFirstRange() {
   var sel = rangy.getSelection();
   return sel.rangeCount ? sel.getRangeAt(0) : null;
}

HTML为<div contenteditable="true></div>

如何获得插入符号所在的行？

在下方更新

This is a text area：

• 上面有1s的行是第0行
• 上面有2s的行是第1行
• 上面有3s的行是第2行
• 上面有4s的行是第3行

光标位于第3行（其上有4s的光标）。我们从这看起来就知道了这一点（在第3行的最后）。

如何在<textarea></textarea>或<div contenteditable="true"></div>？

中找出光标所在的行？

在示例图像中，光标位于第3行。

我需要这个，因为元素的内容是通过网络更新的，我想将光标位置更新为自动更新内容之前的位置，这就是http://PiratePad.net的工作原理。