ckeditor | <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

请参阅：https : //docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_editor.html#event-required

您需要为“替换”本机textarea元素的CKEditor 分配一个事件处理程序。

如果您正在寻找比标准警报对话框更奇特的消息显示方式，请尝试使用通知。以下是最基本的示例（当您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、列表框进行检查。