首页 > 建站教程 > 编辑器、IDE >  ckeditor5插入内容正文

ckeditor5插入内容

ckEditor5插入内容,网上的方法都是:

editor.model.change( writer => {
    editor.model.insertContent( writer.createText('[Insert]') );
});


但是,这个方法是在change里面,实际上插入,未必在change里面。例如在编辑器之外插入,而非toolbar里,此时,就不好放change里面了。经查看官方封装的一些插件,可以有下面方法:

const html = '<img src="./images/1.jpg" /><img src="./images/2.jpg" /><img src="./images/3.jpg" />'
const model = editor.model
const viewFragment = editor.data.processor.toView(html)
const modelFragment = editor.data.toModel(viewFragment)
model.insertContent(modelFragment)


当然,如果要替换编辑器里的内容,只需要改最后一行:

model.insertContent(modelFragment, model.createRangeIn(model.document.getRoot()))