CkEditor конфликтует с формой 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)

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

и из моего контроллера я вывел результат, и вся текстовая область с ckeditor равна NULL Я пытаюсь быть максимально ясным, но это все, что я получил

Answer 1

Я полагаю, что с помощью ckeditor вы должны получить HTML-код из текстового редактора следующим образом:

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

Поэтому, прежде чем вызывать свой ajax, возможно, задайте данные для скрытого ввода в вашей форме, чтобы ваш новыйFormData (это) остается неизменным?

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

Подробнее здесь

Answer 2

лучший способ отправить ckEditor с помощью - это обновить экземпляры ckEditor

for (instance in CKEDITOR.instances) {
    CKEDITOR.instances[instance].updateElement();
 }

Я нашел решение здесь