插入视频后，菜单灰色，无法将视频居中，且存在透明背景

[NUAAMETEOR]

问题描述

插入视频后，菜单灰色，无法使用（我想将视频居中），且存在透明背景

wangEditor 版本

• "@wangeditor/editor": "^5.1.23", "@wangeditor/editor-for-vue": "^5.1.12", *

是否查阅了文档 ？

（文档链接 www.wangeditor.com ）

是

最小成本的复现步骤

（请告诉我们，如何最快的复现该问题？）

• 使用customInsert 中的insertFn 方法插入视频
• 步骤二
• 步骤三

[wangliguokaka]

同样面临这个问题

[SUN7700]

顶一下 也是无法将视频居中或居右显示

[mrhulhw123456]

同样面临这个问题

[sangeyun]

同样问题。

[gochantao2]

同样问题。

[awesomeWay]

同样问题。

[bohehxx]

求解决

[EiuaLee]

<div class="rich-text" v-html="richText"></div> 1、richText替换一下属性 richText.replace(/data-w-e-type="video"/g, 'data-w-e-type="video" style="display: flex;justify-content: center;" ') 2、操作一下dom ，以Vue为例子 onUpdated(()=>{ let result = document.getElementsByClassName('rich-text')[0] if(!result)return let videoList = result.querySelectorAll('video') videoList.forEach(video=>{ video.style.maxWidth = '1400px' }) })

[cycleccc]

可以和 @EiuaLee 一样操作 dom 添加属性。 原来的处理没有加入 text-align: center 属性的导出，现在在这里加了perf(issue 5259): video element default center，由于 elem type 的一些问题，后续还要继续处理。 可以使用 wangeditor-next，我对一些bug，做了修复和功能完善。

[cycleccc]

透明灰色背景是 wangEditor 底层有意设置的，为了表达video独占一行，且video块无法编辑只能，没有加视频居中或靠右靠左的逻辑。 我暂时修复了居中属性丢失的问题，后续放开 left 和 rigtht的点击逻辑。

[cycleccc]

@NUAAMETEOR @wangliguokaka @SUN7700 @mrhulhw123456 @sangeyun @gochantao2 @awesomeWay @bohehxx

不好意思打扰了，我刚刚发布了新版本实现了视频位置调节，具体版本可以看 wangeiditor-next 沙盒示例，替换wangeditor及 vue/react

如果有帮助的话麻烦点个star，很需要这个😂

还有就是有兴趣的话可以一起来维护wangeditor，有完整的开发指南，有什么问题可以和我讨论或提issue。😬