javascript - 进出跨度时 tinyMCE 插入符号定位

Question

简介

我正在使用 tinyMCE 来编辑标记样式语法(类似 TeX 的方程式)。为了表示从 tinyMCE 提交内容后需要处理的地方，我添加了 span 元素以允许自定义 CSS 突出显示标记并将 id 属性附加到它。在跨度和封闭段落之间移动时，我在获得明智的插入符号定位行为时遇到了一些困难 - 当从跨度的开头移动到跨度之外时，插入符号通常会跳过一个字符。

一个具体的例子

(我在 MacBook 上运行 Firefox 12)

测试.html:http://pastebin.com/m8nAmetz

eqn 和内联类的 CSS 样式:http://pastebin.com/cQVRGVMS

在插入符号位于 CSS 呈现“$”之前按向右箭头进入跨度导致插入符号移动到“moreinterestingeqnstuff”中的第一个 m 之后，并且在“...”中的第二个 f 之后重复相同的过程stuff' 导致插入符跳过跨度后的第一个空格。单击以选择插入符号位置会在插入符号被插入上述错误状态之一之前将其正确定位。

问题

我是不是做错了什么？如果不是，有人知道这是 tinyMCE 错误还是浏览器错误，以及在这两种情况下是否存在解决方法？

更新: 好的，我想我必须将处理伪元素(见下文)作为与 tinyMCE 人员的功能请求。但是，即使没有伪元素，我对插入符号的处理也有疑问。在这个 fiddle 中 http://fiddle.tinymce.com/EGbaab我已经删除了内联类，它删除了之前和之后的样式。如果我想直接在 span 之后插入一个字符，我不能，因为将插入符号移动到紧跟在 '...stuff' 中最后一个 f 之后会立即将其放置在 span 内。有没有办法在 tinyMCE 中禁用此功能，或者实现此行为的最佳方法是什么？

Answer 1

嗯，你在这里没有做错任何事，但你需要知道插入符的移动不会像 after 和 before 那样处理 css 伪元素。它们在这里使用。所以这显然不是错误。