WangEdit

1.需要重写 编辑器 对象

//上传图片
import { IEditorConfig } from '@wangeditor/editor'

//编辑器对象//初始化一个 配置对象修改 菜单功能
const editorConfig: Partial<IEditorConfig> = {  // TS 语法
// const editorConfig = {                       // JS 语法
    MENU_CONF: {}
    // 其他属性...
} 

2.oss 联动 wangeditor 上传功能实现 图片 视频上传

//图片上传
type InsertFnType = (url: string, alt: string, href: string) => void
editorConfig.MENU_CONF!['uploadImage'] = {
    async customUpload(file: File, insertFn: InsertFnType) {  // TS 语法
        let fileName = 'article/'+new Date().getTime()+'_'+file.name
        oss.put(fileName,file).then((res:any)=>{
            insertFn(res.url,file.name , 'http://www.gotang.cn')
        })
    }
}
// 视频上传
editorConfig.MENU_CONF!['uploadVideo'] = {
    // 自定义上传
    async customUpload(file: File, insertFn: InsertFnType) {  // TS 语法
        let fileName = 'article/'+new Date().getTime()+'_'+file.name;
        oss.put(fileName,file).then((res:any)=>{
            insertFn(res.url,file.name , 'http://www.gotang.cn')
        }) 
    }
}