JavaScript文本编辑器

我正在创建一个JavaScript文本编辑器，并且在将光标插入具有制表符的行时遇到了一些问题。当用户点击页面时，我会将点击事件的x位置除以字符的宽度（我使用的是单字体），这样我就可以得到光标应该移动的位置。我的问题是：如果行以一个制表符开始，我的光标将插入多个字符到单击事件发生的右侧。有人知道我应该如何处理这个问题吗？

你用什么做编辑？contentEditable元素，textarea？我使用一个文本区域来收集键盘上的输入。然后，我将数据插入一个div。我发现contentEditable属性不支持我需要的功能。