Как проверить наличие обязательных для полей 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 — это бета-версия, но она еще не использовалась, но
любая помощь в этом будет оценена.
Спасибо.
Решение
Вы должны обработать это вручную сейчас. Особенно то, что вы используете петрушка который, я думаю, будет смущен CKEditor, скрывающим оригинал <textarea> (CKEditor использует его только в качестве источника данных, а затем скрывает, чтобы вставить свой собственный контейнер).
По умолчанию CKEditor обновляет <textarea>значение при отправке формы. Это означает, что когда кто-то нажимает кнопку отправки в этой форме, этот обратный вызов приведет к отправке данных текущего редактора на сервер с остальной частью формы.
Тем не менее, это может не работать с собственной проверкой (я не проверял это) и имеет мало шансов работать с некоторыми пользовательскими средами проверки.
Это означает, что вам нужно будет обрабатывать проверку вручную. Это означает, что вам нужно слушать, например, submit событие в форме, получить данные редактора, проверьте, все ли в порядке. Если да, просто ничего не делай. Если нет, запретите действие по умолчанию для события и отобразите некоторую информацию для пользователя.
Это только один из вариантов, конечно. Вам нужно будет найти правильное решение для вашего случая самостоятельно.
Другие решения
Других решений пока нет …