search

wangeditor-team / wangEditor

wangEditor —— 开源 Web 富文本编辑器
http://www.wangeditor.com/
MIT License
17.37k stars 3.31k forks source link

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

Open NUAAMETEOR opened 1 year ago

NUAAMETEOR commented 1 year ago

问题描述

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

wangEditor 版本

是否查阅了文档 ？

（文档链接 www.wangeditor.com ）

是

最小成本的复现步骤

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

wangliguokaka commented 1 year ago

同样面临这个问题

SUN7700 commented 1 year ago

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

mrhulhw123456 commented 1 year ago

同样面临这个问题

sangeyun commented 1 year ago

同样问题。

gochantao2 commented 1 year ago

同样问题。

awesomeWay commented 1 year ago

同样问题。

bohehxx commented 1 year ago

求解决

EiuaLee commented 4 months ago

<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 commented 3 months ago

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

cycleccc commented 3 months ago

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

cycleccc commented 2 months ago

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

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

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

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