javascript - CckEditor 与 jquery 表单冲突

Question

我正在使用 CKEditor 并尝试使用 jquery 提交表单，但出现冲突jQuery

        $(document).ready(function (e) {
        $("#form").on('submit',(function(e) {
            e.preventDefault();
            console.log(new FormData(this))
            $('.loading-container').show();
                $.ajax({
                url: "store-course-teacher",
                type: "POST",
                data:  new FormData(this),
                contentType: false,
                cache: false,
                processData:false,

                success: function(data)
                {
                    $('.loading-container').hide()
                    if(data.status == 'done')
                    {
                        $('#form').hide();
                        $('#add-section').show();
                        $('#course-title').html($('#title').val());
                        $('.course-id').val(data.course_id)

                    }
                }
            });
        }));
    });

并且从我的 Controller 中我转储了结果，并且带有 ckeditor 的所有文本区域都是 NULL我试图尽可能清楚，但这就是我所得到的

Answer 1

我相信使用 ckeditor，您必须从文本编辑器获取 HTML，如下所示:

var data = CKEDITOR.instances.editor1.getData();

因此，在调用 ajax 之前，也许可以将数据设置为表单中的隐藏输入，以便新的 FormData(this) 保持不变？

var data = CKEDITOR.instances.editor1.getData();
$('#MyHiddenInput').val(data);

More info here