Question

CKEditor http://www.homestayterendak.com/images/ckeditor.gif

Answer 1

Try this:

HTML

<textarea id="CKEditor"></textarea>
<button type="submit" id="submit">Submit</button>
<div id="result-container"></div>

jQuery

Note, the result of the AJAX call I’ve set as HTML. This gives you a chance to check the HTML which has been posted for any malicious script on the server side; allowing someone to enter a <script /> tag straight into the DOM of your page is NOT a good idea.

$(function() {
    var editor = CKEDITOR.editor.replace('CKEditor'); // define CKEditor 

    $("#submit").click(function() {
        var text = editor.getData(); // Use CKEditor inbuilt functionality to get the content
        $.ajax({
            type: "POST",
            url: "myscript.aspx",
            data: "text=" + text,
            dataType: "html",
            success: function(data) {
                $("#text-container").append(data);
            });
        });
    });
});