进出跨度时,tinyMCE插入符号位置

时间:2012-06-14 10:18:06

标签: javascript css tinymce caret

简介

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

一个具体的例子

(我在MacBook上运行Firefox 12)

test.html:http://pastebin.com/m8nAmetz

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

在CSS向'span'表示'$'之前,按下插入符号的右箭头导致插入符号移动到'moreinterestingeqnstuff'中的第一个m之后,并且在第二个f之后重复相同的过程'...东西'导致在插入后跳过第一个空格的插入符号。在将插入符号推入上述错误状态之一之前,单击以选择插入符位置可以正确定位插入符号。

问题

我在这里做错了吗?如果没有,是否有人知道这是一个tinyMCE错误还是浏览器错误,如果在这两种情况下都存在解决方法?

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

1 个答案:

答案 0 :(得分:0)

嗯,你这里没有做错任何事,但是你需要知道插入符号的移动不会像之前和之后那样处理css伪元素。他们在这里使用。所以这不是一个错误。