How to select element inside CKEditor by class using Jquery

Question

I cannot find out how to select element inside CKEditor by class using jQuery selector, so any help is appreciated.

Answer 1

CKEDITOR.instances.editor1.window.getFrame().$ retrieves a native DOM element for editor editable area. So:

$( CKEDITOR.instances.editor1.window.getFrame().$ ).contents().find( anything );

Should solve your problem.

---

Also note that CKEditor provides an API for DOM manipulation:

CKEDITOR.instances.editor1.document.getById( 'someId' );
CKEDITOR.instances.editor1.document.getElementsByTag( 'div' );