OnMouseOver event in CKEditor

Question

I use the WYSIWYG editor CKEditor. I have a div element that has an onMouseOver attribute but when it is in the editor, my onMouseOver attribute change in data-cke-pa-onmouseover. I searched but I found nothing. Do you know how to make my onMouseOver attribute is not changed?

my div in the editor:

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

desired code:

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

Answer 1

CKEditor secures a lot of things when parsing the content that it gets. It secures element events (like onclick ), javascript ( <script> wrapped in <!-- ... --> ), iframes etc. just make sure they don't break editor internals, which is, of course undesired.

You have to attach your JavaScript events after editor contents are loaded (ie contentDom or setData , afterPaste events) to get it working. Most likely, you should develop your own plugin that automates this process.