Как проверить наличие обязательных для полей ckeditor5 textarea?

После привязки каталога скриптов к «ckeditor5»,
У меня есть текстовая область следующим образом:

<textarea rows="10" name="sample_identity" id="sample_identity" Placeholder="Sample Identification" data-parsley-required="true"></textarea>

И это создает ckeditor, заменяющий текстовую область.

<script>ClassicEditor.create( document.querySelector( '#sample_identity' ) )</script>

Теперь, как мне сделать этот экземпляр «sample_identity» ckeditor обязательным при отправке формы.

Я попытался использовать класс для экземпляра ckeditor, который

.Сфокусированный для onfocus и .ck-размытый для outfocus.

Но у меня есть 3-4 текстовых поля в той же форме, в которых их заменяет ckeditor.
Так что это не сработает.

Я знаю, что ckeditor5 — это бета-версия, но она еще не использовалась, но
любая помощь в этом будет оценена.

Спасибо.

1

Решение

Вы должны обработать это вручную сейчас. Особенно то, что вы используете петрушка который, я думаю, будет смущен CKEditor, скрывающим оригинал <textarea> (CKEditor использует его только в качестве источника данных, а затем скрывает, чтобы вставить свой собственный контейнер).

По умолчанию CKEditor обновляет <textarea>значение при отправке формы. Это означает, что когда кто-то нажимает кнопку отправки в этой форме, этот обратный вызов приведет к отправке данных текущего редактора на сервер с остальной частью формы.

Тем не менее, это может не работать с собственной проверкой (я не проверял это) и имеет мало шансов работать с некоторыми пользовательскими средами проверки.

Это означает, что вам нужно будет обрабатывать проверку вручную. Это означает, что вам нужно слушать, например, submit событие в форме, получить данные редактора, проверьте, все ли в порядке. Если да, просто ничего не делай. Если нет, запретите действие по умолчанию для события и отобразите некоторую информацию для пользователя.

Это только один из вариантов, конечно. Вам нужно будет найти правильное решение для вашего случая самостоятельно.

0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector