Wangeditor-upload-video-support NPM

wangEditor

轻量级 web 富文本编辑器，配置方便，使用简单。

官网 www.wangEditor.com
文档 www.wangEditor.com/doc

npm.io

当前是 v4 版本。想继续使用 v3 版本看这里。

浏览器兼容性

兼容常见的 PC 浏览器：Chrome，Firefox，Safar，Edge，QQ 浏览器，IE11 。

不支持移动端。

基本使用

npm 安装 npm i wangeditor-upload-video-support --save ，几行代码即可创建一个编辑器

import E from "wangeditor-upload-video-support";
const editor = new E('#div1')
// editor.config.uploadVideoServer = '/api/upload-video'
// editor.config.showLinkVideo = false
// editor.config.linkVideoCallback = function (url) {
//     console.log('linkVideoCallback', url)
// }
// editor.config.uploadVideoMaxSize = 10 * 1024 // 10kb
// editor.config.customAlert = function (s) {
//     console.log('customAlert: ' + s)
// }
// editor.config.uploadVideoMaxLength = 2
// editor.config.uploadVideoName = 'my-file-name'
// editor.config.uploadVideoParams = {
//     x: 100,
//     y: 'abc'
// }
// editor.config.uploadVideoParamsWithUrl = true
// editor.config.uploadVideoHeaders = {
//     a: 100,
//     b: 'xyz'
// }
// editor.config.uploadVideoTimeout = 5 * 1000
// editor.config.uploadVideoHooks = {
//     before: function (xhr) {
//         console.log(xhr)
//         // return {
//         //     prevent: true,
//         //     msg: '阻拦 xhr 发送'
//         // }
//     },
//     success: function (xhr) {
//         console.log('success', xhr)
//     },
//     fail: function (xhr, editor, resData) {
//         console.log('fail', resData)
//     },
//     error: function (xhr, editor, resData) {
//         console.log('error', xhr, resData)
//     },
//     timeout: function (xhr) {
//         console.log('timeout')
//     },
//     customInsert: function (insertVideoFn, result) {
//         console.log('customInsert', result)
//         insertVideoFn(result.data[0]) // 只插入一个视频，多了忽略
//     }
// }
// editor.config.customUploadVideo = function (resultFiles, insertVideoFn) {
//     console.log('customUploadVideo', resultFiles)
// }
editor.create()

更多使用方法，可参考文档。