Javascript Ckeditor 5多个实例

Javascript Ckeditor 5多个实例,javascript,ckeditor,ckeditor5,Javascript,Ckeditor,Ckeditor5,我想动态初始化ckeditor,然后对每个ckeditor使用setData()函数。我尝试了以下操作:但出现错误: 无法读取未定义的属性“setData” 是否可以做我想做的事情?如果可以,我应该做什么?请参阅: 只能在编辑器数据完全加载时设置编辑器数据。虽然有一个ready事件,正如您在一个链接中所读到的,一个更好的地方是create方法返回的承诺。您的代码可能如下所示: var editors = []; function createEditor( elementId, data

我想动态初始化ckeditor,然后对每个ckeditor使用
setData()
函数。我尝试了以下操作:但出现错误:

无法读取未定义的属性“setData”

是否可以做我想做的事情?如果可以,我应该做什么?

请参阅:

只能在编辑器数据完全加载时设置编辑器数据。虽然有一个
ready
事件,正如您在一个链接中所读到的,一个更好的地方是
create
方法返回的承诺。您的代码可能如下所示:

var editors = [];   
function createEditor( elementId, data ) {
    return ClassicEditor
        .create( document.querySelector( '#' + elementId ) )
        .then( editor => {
        editors[ elementId ] = editor;
        editor.setData( data ); // You should set editor data here
    } )
        .catch( err => console.error( err ) );
}

$(document).ready( function() {
    createEditor( 'editor', 'test' );
    createEditor( 'director1', 'test' );
});

编辑器['editor1'].setData('test')有效吗?@OrangeOrange相同错误
var editors = [];   
function createEditor( elementId, data ) {
    return ClassicEditor
        .create( document.querySelector( '#' + elementId ) )
        .then( editor => {
        editors[ elementId ] = editor;
        editor.setData( data ); // You should set editor data here
    } )
        .catch( err => console.error( err ) );
}

$(document).ready( function() {
    createEditor( 'editor', 'test' );
    createEditor( 'director1', 'test' );
});