TinyMCE段落元素在Internet Explorer 11中无法定位

时间:2019-07-02 20:05:01

标签: html tinymce internet-explorer-11 tinymce-plugins tinymce-3

我遇到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允许重点关注该段落元素

0 个答案:

没有答案