这里接上次的《VUE前端编程：富文本编辑器wangEditor 5 工具条定制》，谈一下Vue中使用wangEditor5实现基于OSS（OSS，Object Storage Service，对象存储）的图片上传，因为一个小小的拼写错误，这个小问题折腾了一天。[流泪][流泪]

实现完毕的效果如下图所示，选择图片上传，然后在编辑区显示，上传和返回文件仍然使用的是文件上传的标准API。

wangEditor5官方要求

在官方文档中，如果要完成上传图片的定制，需要定义专门的函数customUpload。这里需要注意一点，wangEditor和之前版本都不一样，所以之前版本的东西都不要看了，多看看V5的官方文档和问题讨论区。

定制过程

按照官方要求，我们定义editorConfig的对应字段如下：

今天调试的时候，把MENU_CONF看成了MENU_INFO，死活调不通，一直搞到晚上8点多。这里注意分层：editorConfig第一层，MENU_CONF第二层，uploadImage第三层，然后是配置的具体内容，其中，customUpload我在method中做了定义。

this.$nsdHandler为OSS上传文件的句柄，并通过onSucess和onError进行回调，我们在onSuccess回调函数中，通过wangEditor的insertFn函数进行图片信息的插入。

如果要设置其他参数，可到wangEditor的demo页面中，通过控制台输入editor.getConfig().MENU_CONF进行查看。

上传视频的定制，其原理和图片定制类似，如果大家不犯我这样的低级错误，实现相对还是比较简单的，大家可以自行尝试一下，过程中如有任何问题，可随时和我交流，今天，有朋友问如何初始化默认字体的大小，这个问题我和自己定义工具条新菜单项一起看一下，后期整理个文发出来供朋友们参考。