当前位置：文江博客话题详情

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

发布于 2024-11-08 07:13:19 字数 159 浏览 2 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你曾走过我的故事 2024-11-15 07:13:19

试试这个：

HTML

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

jQuery

注意，AJAX 调用的结果我已设置为 HTML。这使您有机会检查服务器端已发布的 HTML 是否存在恶意脚本；允许某人直接在页面的 DOM 中输入

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

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

回复收藏 0 原文

~没有更多了~