ckeditor5中有几种图片上传的方式最方便的就是简单上传，前端只用调用一个后端的方法就可以完成上传，但问题是后端要实现这个方法

为了避免和后端打交道，可以使用洎定义上传方法的方式把上传的图片直接传到oss上。

因为它这个官网上的教程当时我看的时候实在是懵逼再加上很多中国的程序员也实茬赶时间，所以还是写篇中文的文章来说一下需要看官网教程的同学移步传送门：

这里先说一下，官网教程的叙述顺序感觉是由全局到整体的方式所以你如果顺着看，代码里会出现很多莫名其妙没有见过的变量这个时候不要慌，看下去就是了在后面都会一一解释的。

这里直接放上ckeditor组件的代码：

整个组件总共接收两个参数一个方法：

富文本内容，用于编辑功能的自动填充

用于让父组件拿到这个组件的富文本内容。

• 这里的vue.$oss.uploadToOss是我在oss配置文件里自定义的方法它长成这样：

vue是当前vue组件实例，在created生命周期被赋予

注意这里用id限定了一下作鼡域，避免样式全局污染