您当前的位置:首页 > 文章 > 解决ueditor编辑器插入的视频无法删除的问题

解决ueditor编辑器插入的视频无法删除的问题

作者:小象搬砖 时间:2025-10-28 阅读数:25 人阅读分享到:
最近有个需求要求在UEditor编辑器里上传视频,但在测试中发现当视频插入到编辑器后无法删除,不管是用Delete键,还是调整光标用Backspace键都没法删除。
于是在网上找解决办法,相关帖子倒不少,但都不能解决我遇到这种情况。也有人说可以把编辑器切换到HTML状态下删除对应视频标签的代码,这个办法确实可以,但只适合少部分懂HTML代码的人,其实我是最怕查第三方的源码的人,几万行的代码看着就头疼。不过最近不忙,所以想扒扒UEditor编辑器的源码,找找问题所在,加以修补。

首先说明一下:我用的UEditor编辑器版本比较老 version = "1.4.3"。

问题原因:

在编辑器可视化状态下鼠标选中视频后没法获取焦点,且点击视频时的click事件变为视频的播放或暂停功能了。

解决办法:

编辑器中监听键盘keydown事件中添加一个视频的Delete键的方法。

先找到要添加的位置:


代码如下:


//修复插入的视频无法删除的问题  
if (keyCode == 46 && !evt.shiftKey) { //选中视频后用Delete键删除
    var el = evt.target || evt.srcElement;
    if (el.tagName.toLowerCase() === 'video') {
        domUtils.remove(el);
    }
}

OK,搞定!

本站大部分文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了您的权益请来信告知我们删除。邮箱:1451803763@qq.com