【CKeditor5】datacontroller-init-n

作者: 匿于烟火中 | 来源:发表于2019-04-23 14:36 被阅读0次

使用angular4+和CKeditor5,报错,报错就是提示要创建editor的dom元素不存在

<ckeditor

#editor

[editor]="Editor"

data=""

[(ngModel)]="data"

(change)="editorChange($event)"

>

</ckeditor>

@ViewChild('editor') editorItem;

this.Editor.create(

this.editorItem,{

toolbar: ['imageUpload'],

}

).then((result) => {

console.log("success",result);

}).catch((err) => {

console.log("err",err);

});

原因是ViewChild获取的editor返回是elementRef

改为这个this.editorItem.elementRef.nativeElement即可以

【CKeditor5】datacontroller-init-n
使用angular4+和CKeditor5,报错,报错就是提示要创建editor的dom元素不存在
ckeditor5/locale：国际化方案
ckeditor5的locale方案[https://github.com/ckeditor/ckeditor5/...
CKEditor5 build
ckeditor5 分为build及framework ckeditor5 有5种样式适应不同的需要，当然也可根据...
CKEditor5基本使用
1. CKEditor5基本介绍 CKEditor5的用法和CKEditor4.0版本完全不同，而网上几乎没有比较...
Vue+CKeditor+自定义CKFinder图片上传
资料文档：https://ckeditor.com/docs/ckeditor5/latest/framework...
ckeditor5/utils：如何设置observable
前置：ckeditor5/utils：emittermixin（事件监听机制）[https://www.jians...
ckeditor5/utils：ObservableMixin
在ckeditor5/utils：如何设置observable[https://www.jianshu.com/p...
文件上传自定义组件MyCustomUploadAdapterPl
通过扩展组件实件CKEditor5 文件上传 MyUploadAdapter 对象创建MyUploadAdapt...
ckeditor5/utils：emittermixin（事件监
ckeditor5/utils：emittermixin主要负责事件绑定、触发和代理用。主要方法有listenTo...
vue2+ckeditor5实现富文本编辑器以及图片上传
第一步：下载ckeditor5编辑器 npm install --save @ckeditor/ckeditor5...