在tinymce富文本中上传本地视频编辑器中不能预览的解决方案

富文本编辑器里上传了本地视频之后,编辑区内视频不能实时预览,在调试工具中发现tinymce默认生成的是img标签。
百度一圈后发现两种解决方案,
1、修改tinymce源码 参考文章
2、自定义上传功能 参考文章

API中有media_url_resolver这个函数
该函数将用您自己的自定义逻辑替换TinyMCE的默认媒体嵌入逻辑。
根据解决方案2修改代码如下:

tinymce.init({
	media_url_resolver: function(data, resolve) {
          try {
            let videoUri = encodeURI(data.url);
           let embedHtml = `

`; resolve({ html: embedHtml }); } catch (e) { resolve({ html: "" }); } } })

你可能感兴趣的:(javascript)