时间戳

首页 > 解决方案 > CkEditor 与 jquery 表单冲突

javascript - CkEditor 与 jquery 表单冲突

问题描述

我正在使用 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)

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

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

标签： javascriptjqueryckeditor

解决方案

我相信使用 ckeditor，您必须像这样从文本编辑器中获取 HTML：

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

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

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

更多信息在这里

推荐阅读