Vue.js中Ueditor如何引用 youtube视频源发布(已解决)
Ueditor 发布文章是很多人都用的插件,加入也是有自带的,但是如果要插入youtube 在线地址,会发现就不灵了,不能播放。
原因是youtube无法使用video标签使用。是可以用 embed iframe 嵌入标签的。这就需要改造一下ued了。
修改config.js文件
在白名单whitList加上 标签:
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play',+ 'autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'], iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']
如果有其他 比如 video 也加上 :
u: [],ul: ['class', 'style'],video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style'],source: ['src', 'type'],embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play',+ 'autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']
再在all.js修改标签:
把 video 换成 embed 或者 iframe 如下图:
原来 是 video 的:
修改完 就可以了:
插入之后就可以 添加到文本中去了,也能提交到后台。后台返回的时候原样标签返回就可以了。
Vue.js中Ueditor如何引用 youtube视频源发布(已解决)相关推荐
- vue中引用js_从JS中的内存管理说起 —— JS中的弱引用
点击上方"蓝字"关注本公众号 写在前面 在所有的编程语言中,我们声明一个变量时,需要系统为我们分配一块内存.当我们不再需要这个变量时,需要将内存进行回收(这个过程称之为垃圾回收). ...
- echarts怎么用在php,在Vue.JS中怎样使用echarts
这次给大家带来在Vue.JS中怎样使用echarts,在Vue.JS中使用echarts的注意事项有哪些,下面就是实战案例,一起来看一下. 上篇文章给大家介绍了 在 webpack 中使用 EChar ...
- php动态写入vue,Vue.js中使用动态组件的方法
本文介绍了如何在Vue.js中引用组件中的HTML元素.您可以通过使用Vue路由器或创建动态组件来切换视图或组件模板. Vue路由器用于在DOM中的视图或组件模板之间导航.要使用Vue路由器,请在ro ...
- html5怎么改为vue_是否还在疑惑Vue.js中组件的data为什么是函数类型而不是对象类型...
点击上方"前端印象",选择"设为星标"第一时间关注技术干货! 引言 要理解本篇文章,必须具备JavaScript中基本数据类型和引用数据类型的概念,大家可以花两 ...
- 如何引用YouTube视频?(APA、MLA、芝加哥、温哥华格式)
你可能熟悉关于书籍.在线文章和网页内容的文献引用规则和参考文献列表规则,或者至少知道从那里能够找到这些规则.但是,你或许不知道应当如何正确引用YouTube视频.这种视频在学术引用中变得越来越重要.本 ...
- Vue.js中的MVVM
MVVM的理解 MVVM拆开来即为Model-View-ViewModel,有View,ViewModel,Model三部分组成.View层代表的是视图.模版,负责将数据模型转化为UI展现出来.Mod ...
- vue.js中mock本地json数据
vue.js中mock本地json数据 新版本的vue项目中已经将dev-server.js,dev-client.js两个js文件合并到了webpack.dev.conf.js文件中,以下分别是新旧 ...
- VUE.js 中取得后台原生HTML字符串 原样显示问题
今天使用vue调试页面,发现了页面上的一个问题,后台数据传过来的HTML字符串并没有被转换为正常的HTML代码,一拍脑门,发现忘记转换了,于是满心欢喜加上了{{{}}}.但是之后构建发现报错: 为此去 ...
- 浅析Vue.js 中的条件渲染指令
1 应用于单个元素 Vue.js 中的条件渲染指令可以根据表达式的值,来决定在 DOM 中是渲染还是销毁元素或组件. html: <div id="app"> < ...
- ie浏览器查看vue中js_浅析 Vue.js 中那些空间换时间的操作
Hello,各位小伙伴,接下来的一段时间里,我会把我的课程<Vue.js 3.0 核心源码解析>中问题的答案陆续在我的公众号发布,由于课程的问题大多数都是开放性的问题,所以我的答案也不一定 ...
最新文章
- mysql 2.71828_数学中的e=2.71828……到底是什么东西?
- 基于区块链的健康链系统设计与实现(2)区块链平台Web服务器
- restful-api接口的设计规范介绍
- RxSwift之常用高阶函数(操作符Operator)的说明和使用
- JQuery绑定及效果
- lda进行图片分类_LDA主题模型
- caffe 人脸关键点检测_人脸检测关键点新增至81个,比Dlib更精准、更贴边
- Unity3D技术之优化图形性能绘制调用批处理浅析
- NASM汇编语言与计算机系统03-实模式-屏幕显示HelloWorld(mov,jmp,time,dd,dw,$$)
- python导出项目_使用Python项目生成所有依赖包的清单方式
- matlab legend分栏,word排版技巧
- java对接金蝶接口
- 重邮学报和计算机工程与应用,重庆邮电大学学报
- Canceled future for execute_request message before replies were done The Kernel crashed while execut
- 武田宣布就拟收购Shire plc签署优先短期贷款工具协议及次级银团贷款协议和过桥信贷协议第二次修订
- 关于保利威视平台的API调用签名
- (翻译)“用户名或电子邮件地址”字段能降低账号登录锁定
- 为什么说期货交易者依靠程序化交易系统接口才能获得成功
- android TP
- 关于数据埋点的基础认识