CKEditor富文本编辑器 怎么插入内容?

Winter

2019-02-22

CKEditor4和最新的CKEditor5插入内容的方式是很不一样的,他们都怎么插入内容呢?

第112篇《CKEditor富文本编辑器 怎么插入内容?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
Winter 2019.02.22

CK editor4插入文本和html,使用如下方法:


editor.insertElement(element);
editor.insertHtml(html);
editor.insertText(text)

CK editor6插入内容


插入链接
editor.model.change( writer => {
    const insertPosition = editor.model.document.selection.getFirstPosition();

    writer.insertText( 'CKEditor 5 rocks!', { linkHref: 'https://ckeditor.com/' }, insertPosition );
} );

插入文本
editor.model.change( writer => {
    writer.insertText( 'Plain text', editor.model.document.selection.getFirstPosition() );
} );


问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android