百度Ueditor粘贴内容后二次处理的方法
微wx笑
2025-12-10【网页网站】
0
0关键字:
百度 Ueditor 粘贴事件
最近遇到一个问题,就是从别的地方复制的带视频的内容,粘贴过来之后,视频播放区域没有控制栏,没办法控制播放,所以通过粘贴内容后二次处理的方法来解决这个问题。<script type="te
最近遇到一个问题,就是从别的地方复制的带视频的内容,粘贴过来之后,视频播放区域没有控制栏,没办法控制播放,所以通过粘贴内容后二次处理的方法来解决这个问题。
<script type="text/javascript">
var newstext =UE.getEditor('newstext',{
serverUrl: "。。。",//自己的请求接口
enableAutoSave: true,
pageBreakTag:'',//帝国分页标签
initialFrameWidth:'100%',//编辑器宽
initialFrameHeight:'550' //编辑器高
//等等其它配置自行添加,参考UE默认配置文件复制修改即可
});
newstext.ready(function() {
// 在编辑器准备就绪后,绑定afterpaste事件
newstext.addListener('afterpaste', function(type, args) {
// 获取编辑器document
var doc = newstext.document;
// 方法A:使用原生DOM
var videos = doc.querySelectorAll('video');
var changed = false;
for (var i = 0; i < videos.length; i++) {
var video = videos[i];
if (!video.hasAttribute('controls')) {
video.setAttribute('controls', 'controls');
// 可选:添加其他属性
video.setAttribute('playsinline', 'playsinline');
video.setAttribute('webkit-playsinline', 'webkit-playsinline');
changed = true;
}
}
});
});本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/web/2025-12-10/2176.html
下一篇:返回列表



