CK EDITOR 5 在按钮点击期间检查空白区域

问题描述

如何在CKEDITOR 5中查看textarea数据为空。

<button type="button" class="btn" onclick="mlksv();">example</button>
<textarea name="mlkzlk" id="editor" placeholder="my abilities"></textarea>

脚本代码：

ClassicEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
    console.log( editor );
} )
.catch( error => {
    console.error( error );
} );

function mlksv() {
    var editorgmgm = $('#editor').attr('id');
    var _contents = CKEDITOR.instances.editorgmgm.document.getBody().getText();
    if (_contents == '') {
        alert('null') ;
    }else{
        alert("not null");
    }
    
}

解决方法

在 CKEditor 5 中，您现在必须保留对实例化编辑器的引用。

let theEditor; // reference to ckeditor obj
ClassicEditor
.create( document.querySelector( '#editor' ) )
.then( editor => {
    theEditor = editor;
    console.log( editor );
    ...

然后，使用 getData() 方法检索内容。

var _contents = theEditor.getData();
if (_contents == '') {
...