CKEditor和jQuery序列化()问题

正如在你的原始帖子的评论中提到的，我假设你正在使用CKEditor和在你的jQuery准备函数(或在你的文档加载后的某个地方)你用编辑器实例替换一个文本区。像大多数所见即所得编辑器一样，CKEditor喜欢重新格式化您传递给它的文本，使其成为有效的标记，用HTML实体替换特殊字符，在段落中包装您的内容等。这意味着，尽管您没有更改任何内容，但原始内容和重新格式化的内容可以是不同的。

编辑器实例的初始化被延迟，并且可能在您序列化表单之后发生。即便如此，CKEditor与创建它的(现在隐藏的)文本区域没有强链接，您需要调用编辑器的updateElement函数来刷新所有更改。它通常在表单提交时自动完成，这就是为什么你会在提交处理程序中获得重新格式化的内容。

因此，您只需要确保在第一次序列化之前调用updateElement函数，最佳位置是在编辑器加载之后。幸运的是，有一个事件，假设以下HTML标记:

<form id="myForm">
   <textarea name="test" id="myEditor">My random text</textarea>
</form>

$(function(){
   function SerializeForm(){
      // Make sure we have the reformatted version of the initial content in the textarea
      CKEDITOR.instances.myEditor.updateElement();
      // Save the initial serialization
      form_data.edit_initial = $('#myForm').serialize();
   }
   // You might as well leave it here in case CKEditor fails to load
   form_data.edit_initial = $('#myForm').serialize();
   // Create editor instance    
   CKEDITOR.replace('myEditor');
   // Tap into CKEditor's ready event to serialize the initial form state
   CKEDITOR.instances.myEditor.on("instanceReady", SerializeForm);
});

谢谢!我有问题很长一段时间现在与CKEditor文本区域。如果没有在cakephp中提交，我无法更改值。

但现在一切正常。我必须在serialize之前调用updateElement，像这样:

CKEDITOR.instances.SurveyBody.updateElement();
var formData = $("#surveyForm").serialize();

如果您同时使用多个CK Editor实例，您可以在序列化表单之前使用更通用的方法:

    for (var i in CKEDITOR.instances) {
        CKEDITOR.instances[i].updateElement();
    };
    var data = $('#my-form').serialize();

这些值是uri编码的，因为".serialize()"打算在为传输准备HTTP参数时使用。

您可以通过迭代所有<input>元素(以及<select>和<textarea>，如果适用的话)将所有表单元素的值收集到一个大字符串中。单选按钮变得有点棘手，但它仍然是一个相当小的努力。

来自jQuery文档:

.serialize()方法创建文本标准url编码的字符串符号。

这就是为什么你有那些百分比和数字。尽管它应该返回相同的值，不管你调用它多少次，所以我确信你在两次调用之间对你的表单做了一些事情。

你可以使用不同的方法，比如

var form_changed=false;
$('#edit-job-form :input').change(function () {
    form_changed=true;
});

jQuery:input selector