javascript - CKEditor 中的 OnMouseOver 事件

Question

我使用所见即所得编辑器CKEditor。我有一个具有 onMouseOver 属性的 div 元素，但是当它位于编辑器中时，我的 onMouseOver 属性在 data-cke-pa-onmouseover 中发生变化。我进行了搜索，但一无所获。你知道如何让我的onMouseOver属性不被改变吗？

编辑器中我的 div:

<div id="253" class="data-video" data-cke-pa-onmouseover="CKEditorHoverVideo('id', true)">

所需代码:

<div id="253" class="data-video" onmouseover="CKEditorHoverVideo('id', true)">

Answer 1

CKEditor 在解析它获取的内容时保护了很多东西。它保护元素事件(如 onclick )、javascript( <script> 包裹在 <!-- ... --> 中)、iframe 等。只需确保它们不会破坏编辑器内部结构，这当然是不希望的。

您必须在加载编辑器内容后附加 JavaScript 事件(即 contentDom 或 setData 、 afterPaste 事件)才能使其正常工作。最有可能的是，您应该开发您的own plugin使这个过程自动化。