javascript - CKEDITOR ajax 帖子

Question

我正在尝试使用 AJAX 制作一个管理页面，这样当客户端更新 CKEDITOR 中的信息时，就不必将他带到新页面。使用 .val() 函数从输入字段获取数据非常容易，但由于文本区域不会动态更新，因此我无法使用相同的函数。据我所知，这是:

//这会将所有文本区域标记替换为 CKEDITORS

<script type="text/javascript"> 
    CKEDITOR.replaceAll();
</script>

//这尝试从输入和文本区域获取所有数据

$(function() {
        $("#submit").click(function() {
            var newsTitle = $("#newsTitle").val();
            var editNews = CKEDITOR.instances.editNews.getData();
            var contactTitle = $("#contactTitle").val();
            var editContact = CKEDITOR.instances.editContact.getData();
            var linksTitle = $("#linksTitle").val();
            var editLinks = CKEDITOR.instances.editLinks.getData();

                $.ajax({
                   type: "POST",
                   url: "update.php",
                   data: 'newsTitle='+newsTitle+'&editNews='+editNews+'&contactTitle='+contactTitle+'&editContact='+editContact+'&linksTitle='+linksTitle+'&editLinks='+editLinks,
                   cache: false,
                   success: function(){
                        updated();
                    }

                 });    

            return false;
        });
    });

getData() 函数似乎可以工作，因为我用警报对其进行了测试，并且它从编辑器中获取数据，但是一旦我尝试更新，它就无法工作......

有什么想法吗？

Answer 1

此代码替换文本区域:

<script type="text/javascript">

CKEDITOR.replace( 'TEXTAREA_ID', {
    extraPlugins : 'autogrow',
    removePlugins : 'resize',
    entities : false
});

</script>

在 JS 文件中，这是代码，我正在使用 Jquery Validator 插件:

$(document).ready(function(){

jQuery.validator.messages.required = "";

$("#FormID").validate({
    submitHandler: function(){

        var ContentFromEditor = CKEDITOR.instances.TEXTAREA_ID.getData();

        var dataString = $("#FormID").serialize();

            dataString += '&ContentFromEditor='+ContentFromEditor;          


        $.ajax({
        type: "POST",
        url: "Yourfile.php",
        data: dataString,
        cache: false,
        success: function(html){
            YOU WORK WITH THE RETURN HERE
       },
       error: function(xhr, ajaxOptions, thrownError){ 
            alert(xhr.responseText);
        }
     });

   return false;

    }
});

});

这是大多数时候会产生错误的行:

CKEDITOR.instances.TEXTAREA_ID.getData();

实例后面始终是文本区域的 ID。

我有自己的 config.js，您可以从 ckeditor 网站或示例中获取它。