Ckeditor value and Jquery

Question

I dont seem to be able to get the value from my ckeditior, any ideas where im going wrong?

<textarea  class="ckeditor" id="Source"></textarea> 
<a href="javascript:void(0);" onclick="SendPreview()" class="pOrange"> Send</a>

function SendPreview() {
        var value = CKEDITOR.instances['Source'].getData();
        var model = { EmailBody: Source, EmailTo: "[email protected]", EmailSubject: $(".Subject").val() };
        var request = $.ajax({
            url: '/Campaign/SendPreviewEmail',
            type: 'POST',
            dataType: 'JSON',
            data: { model: JSON.stringify(model) },
            cache: false,
            success: function (data) {
                var dataAsString = JSON.stringify(data);
            }
        });
    }

Answer 1

What you have works, the problem is because you're setting the value of the CKEditor to the value variable, but using Source in your model. Try this:

var value = CKEDITOR.instances['Source'].getData();
var model = { 
    EmailBody: value, // <-- Change this
    EmailTo: "[email protected]",
    EmailSubject: $(".Subject").val() 
};

Answer 2

Check the below, This may help you to get your solution

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

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