javascript - 没有 HTML 的光标位置需要转换为有 HTML 的位置

Question

假设我有以下文字：

this is some example c|ode

管道符号是光​​标在 nicEditor div 中的位置。nicEditor 具有获取光标“getRng()”位置的功能。

但是 getRng() 没有得到光标的位置，包括 HTML，据我所知，不存在这样的函数（如果我错了，请纠正我）。

nicEditor div 中的代码实际上可能是：

<span style='font-weig|ht: bold;'>this i</span>s some example code

你可以看到我的问题。我正在尝试在 nicEditor div 中插入一些内容，并将其插入 HTML 标记的中间。

我的问题是：有没有办法用包含的 HTML 标签转换光标的位置？或者有没有其他替代解决方案？

Answer 1

我最终解决了这个问题，这不是一个简单的解决方案。我必须编写一个状态机，它有四种状态“Text”=>“HTML”=>“String”=>“Character”。基本上我写了 jQuery 插件，它接受字符串和位置并相应地移动。