网页网站您现在的位置是:首页 > 博客日志 > 网页网站

百度Ueditor粘贴内容后二次处理的方法

<a href='mailto:'>微wx笑</a>的头像微wx笑 2025-12-10网页网站 0 0关键字: 百度  Ueditor  粘贴事件  

最近遇到一个问题,就是从别的地方复制的带视频的内容,粘贴过来之后,视频播放区域没有控制栏,没办法控制播放,所以通过粘贴内容后二次处理的方法来解决这个问题。<script type="te

最近遇到一个问题,就是从别的地方复制的带视频的内容,粘贴过来之后,视频播放区域没有控制栏,没办法控制播放,所以通过粘贴内容后二次处理的方法来解决这个问题。DX8无知

<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;
            }
        }
    });

});


DX8无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/blog/web/2025-12-10/2176.html

很赞哦! () 有话说 ()