vue使用tinymce上传视频后占位符显示img的问题解决

本文介绍了在vue中使用tinymce上传视频时遇到的占位符显示为img而非video的问题,详细解释了问题原因,并提供了解决方案,包括修改media插件的plugin.js文件,通过添加全局变量和调整代码逻辑来正确显示视频占位符。
摘要由CSDN通过智能技术生成

vue使用tinymce上传视频后占位符显示img的问题解决

问题:昨天使用tinymce里面的上传视频方法 上传成功以后发现回显有问题,通过控制台发现占位符变成了img格式不是video视频格式,然后也是找了各种资料发现毫无用处

在这里插入图片描述

解决方法:直接更改media插件源码
步骤1:找到node_modules下tinymce插件里面的media文件下的plugin.js(node_modules/tinymce/media/plugin.js)

步骤2:添加全局变量var videoSource="";

步骤3:找到createPreviewIframeNode方法将方法代码替换为以下代码

var createPreviewIframeNode = function (editor, node) {
   
          var previewWrapper;
          var previewNode;
          var shimNode;
          var name = node.name;
          previewWrapper = new global$7('span', 1);
          previewWrapper.attr({
   
            'contentEditable': 'false',
            'style': node.attr('style'),
            'data-mce-object': name,
            'class': 'mce-preview-object mc
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值