Cannot get CKEditor value w/ Jquery

Question

I am referencing the CKEditor JQuery adapter (as well as jquery 1.6 lib)

<script type="text/javascript" src="../ckeditor/ckeditor.js" />  
<script type="text/javascript" src="../ckeditor/adapters/jquery.js" />

And declaring, my CKEditor instance as:

<textarea id="editor1" name="editor1"></textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1', {
toolbar : 'Basic',
uiColor : '#0579b3',
resize_enabled: false
}); 
</script>

In Jquery I am doing:

var value = $('textarea.editor1').getData();

If I try to alert the var value, I get undefined.

Is there something wrong with how I am trying to get the textarea value w/ JQuery? I have also tried .val() but no luck.

The alert happens after a button is pressed.

Sudhir Bastakoti · Accepted Answer · 2011-12-28 06:43:10Z

20

Try:


var value = CKEDITOR.instances['editor1'].getData();

//or
$('#editor1').ckeditor(function( textarea ){
  $(textarea).val();
});

Hope it helps

answered Dec 28, 2011 at 6:43

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

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

1 Comment

Lvkz Over a year ago

I tried the first one and worked for me, calling the element ID without the #, as you created the CKEditor element.

p1nox · Accepted Answer · 2013-01-12 16:12:46Z

3

You could integrate a function on JQuery

jQuery.fn.CKEditorValFor = function( element_id ){
  return CKEDITOR.instances[element_id].getData();
}

and passing as a parameter the ckeditor element id

var editor1_value = $().CKEditorValFor('editor1');

answered Jan 12, 2013 at 16:12

p1nox

6231 gold badge8 silver badges13 bronze badges

Collectives™ on Stack Overflow

Cannot get CKEditor value w/ Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related