如何使用CKEditor在同一页面上发布而不刷新？

Question

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

Answer 1

试试这个：

<强> HTML

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

<强>的jQuery

注意，我将AJAX调用的结果设置为HTML。这使您有机会检查已在服务器端针对任何恶意脚本发布的HTML;允许某人直接在您网页的DOM中输入<script />代码并不是一个好主意。

$(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);
            });
        });
    });
});