Javascript 如何获取contenteditable div中插入符号的当前行号？

我想为自定义代码编辑器类型的项目实现行号和列号功能。我不知道如何在textarea标记中实现语法高亮显示，因此我不知道如何获取行号。我想要一个解决方案，只要鼠标或键盘改变插入符号的位置，该解决方案就会起作用。

请参阅感谢您的回复。事实上，我想在后端的行号。只有当您希望在前端显示它时，上述解决方案才适用。但是我正在尝试实现剪切、复制和粘贴功能，我需要插入符号在任何时候的准确位置。我不能使用textarea，因为它不能突出显示语法。