Конфликт CkEditor с формой jquery

Я использую CKEditor и пытаюсь отправить свою форму с помощью jquery, но у меня возникает конфликт Jquery

        $(document).ready(function (e) {
        $("#form").on('submit',(function(e) {
            e.preventDefault();
            console.info(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 Я пытаюсь быть ясным, насколько это возможно, но это все, что у меня есть

Снимите processData: false и посмотрите, изменится ли он.

Taplar 13.03.2019 18:38

@Taplar это хорошо Uncaught TypeError: Illegal invocation

user10076385 13.03.2019 18:44

Странный. Какие данные формы вы передаете серверной части и как вы пытаетесь получить к ним доступ? Обновлено: также попробуйте удалить contentType: false, чтобы jQuery добавил тип контента к запросу.

Taplar 13.03.2019 18:45

та же ошибка, я пытаюсь отправить с описанием в html

user10076385 13.03.2019 19:00

Это мало что мне говорит. Является ли «описание» просто текстовым полем? Ваш бэкэнд PHP или что-то еще? Вы пытаетесь получить доступ к описанию с ключом от запроса?

Taplar 13.03.2019 19:02

да это текстовое поле

user10076385 13.03.2019 19:03
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
168
2

Ответы 2

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

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

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

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

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

Нет прямого способа отправить его с формой ??

user10076385 13.03.2019 22:19

ваш ответ был хорошим, но есть лучшее решение, чтобы отправить его напрямую с формой.

user10076385 14.03.2019 11:27

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

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

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

Другие вопросы по теме