ckeditor5自定义 vue_vue，ckeditor5，阿里oss服务的集成

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

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

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

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

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

import ClassicEditor from '@ckeditor/ckeditor5-build-classic'

function customUploadAdapterPlugin (editor) {

editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {

return new UploadAdapter(loader)

}

}

let vue = {}

class UploadAdapter {

constructor (loader) {