ckeditor | атрибут "required" в теге <textarea>не работает

Question

При использовании CKEDITOR с тегом <textarea> он не работает.

 <textarea id="editor1" name="description" class="form-control" cols="10" rows="10" required></textarea>

 <script>
      CKEDITOR.replace('editor1');
 </script>

Любые предложения?

Answer 1

Вы можете использовать

<script>
function validate() {
    var resultado_validacion=true;
    $("#editor_error").html("");
    var editor_val = CKEDITOR.instances.editor.document.getBody().getChild(0).getText().trim();
    if(!(editor_val.length>0)){
        $("#editor_error").html("Se requiere contenido del oficio");
        resultado_validacion=false;
    }       

    return resultado_validacion;
}

</script>    
<form  onSubmit="return validate();">

Answer 2

Пожалуйста, смотрите: https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_editor.html#event-required

Вам необходимо назначить обработчик событий для CKEditor, который «заменяет» собственный элемент textarea.

---

Если вы ищете более причудливый способ отображения сообщений, чем стандартные диалоговые окна предупреждений, попробуйте использовать уведомления . Ниже приведен самый простой пример (когда вы нажимаете кнопку submit при пустом редакторе, отображается уведомление):

var editor = CKEDITOR.replace( 'editor1', {
    language: 'en',
    extraPlugins: 'notification'
});

editor.on( 'required', function( evt ) {
    editor.showNotification( 'This field is required.', 'warning' );
    evt.cancel();
} );

Обратите внимание, что вопреки тому, что написано в документации, плагин notification, похоже, включен в каждый пресет. Вы можете проверить это, используя окно поиска Available Plugins, поле списка в онлайн-сборщик .