我遇到Internet Explorer 11的问题,不允许在TinyMCE 3中关注空的段落元素。我有一个带有各种子节点(例如图像和span元素)的前一段元素,我将其标记为不可编辑与核心的NonEditable TinyMCE插件。它们是通过execCommand('mceInsertContent')函数插入的。由于它是不可编辑的,因此我不得不在不可编辑的块之后立即插入一个段落元素,并希望光标集中在该行上。但是,如果在插入后单击不可编辑元素,则无法再单击下面的段落元素。尽管它肯定在DOM中,但它变得完全无法聚焦,因为我可以在开发人员工具DOM Explorer中看到它。我相信发生了一些交互,这导致以下段落元素变得无法集中,特别是在单击不可编辑元素之后。
我尝试了所有我能想到的焦点/选择操作,但没有任何效果。似乎唯一可行的方法(但不理想)是在不可编辑的段落之后的段落中放置空格。我不确定这是否可以接受。
这是我正在使用的HTML
<p class="mceNonEditable">
<a href="www.google.com">
<span>
<img></img>
</span>
<span>
Some Text
</span>
</a>
</p>
<p></p> <---- can't focus into this element after clicking into preceding paragraph
Internet Explorer似乎是我遇到此问题的唯一浏览器。 Chrome和Safari允许重点关注该段落元素