Get specific iFrame class with jQuery (or get CKEditor value)

Question

I am getting an iFrame this way currently:

$('body', window.parent.frames[0].document)

This is for CKEditor, the WYSIWYG html editor. However, I believe it dynamically adds certain other frames (not sure how). So I rather just get a specific frame by a class name that I know will always be there (unlike the above method which will only get the first instance).

The class name is: cke_wysiwyg_frame

How can I do this?

(The reason is I am saving the content to my database with a button; the button needs to know where the CKEditor content is. So far the way I am doing it is unreliable.)

Edit: I decided to do it the correct way using the Ckeditor API and not my requested hack above.

Why are you not using the CKEditor api to get the content? AKA CKEDITOR.instances.editorId.getData(); — epascarello
– epascarello, Commented May 1, 2014 at 18:42
window.parent.getElementsByClassName('cke_wysiwyg_frame') doesn't work? — Karl-André Gagnon
– Karl-André Gagnon, Commented May 1, 2014 at 18:43
The api seems to save using onblur when you click outside of the editable area which is not what I want. — TheLettuceMaster
– TheLettuceMaster, Commented May 1, 2014 at 18:44
@epascarello it uses the getData() method like you said. I am not sure how to use that in the context outside of the way I saw in the docs which was event.editor.getData() I think. The event came inside a function which I am not using. — TheLettuceMaster
– TheLettuceMaster, Commented May 1, 2014 at 18:50

epascarello · Accepted Answer · 2014-05-01 18:52:58Z

1

To get the value from an editor instance, you can reference the instance and use getData

CKEDITOR.instances.editorId.getData();

answered May 1, 2014 at 18:52

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Afzaal Ahmad Zeeshan · Accepted Answer · 2014-05-01 18:45:32Z

0

Try this

$(".cke_wysiwyg_frame").contents().find("contentIdorClass");

You better use .contents() method to get all the content of the iframe.

answered May 1, 2014 at 18:45

Afzaal Ahmad Zeeshan

15.9k14 gold badges61 silver badges106 bronze badges

Collectives™ on Stack Overflow

Get specific iFrame class with jQuery (or get CKEditor value)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related