Open NUAAMETEOR opened 1 year 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' }) })
可以和 @EiuaLee 一样操作 dom 添加属性。 原来的处理没有加入 text-align: center 属性的导出,现在在这里加了perf(issue 5259): video element default center,由于 elem type 的一些问题,后续还要继续处理。 可以使用 wangeditor-next,我对一些bug,做了修复和功能完善。
透明灰色背景是 wangEditor 底层有意设置的,为了表达video独占一行,且video块无法编辑只能,没有加视频居中或靠右靠左的逻辑。 我暂时修复了居中属性丢失的问题,后续放开 left 和 rigtht的点击逻辑。
@NUAAMETEOR @wangliguokaka @SUN7700 @mrhulhw123456 @sangeyun @gochantao2 @awesomeWay @bohehxx
不好意思打扰了,我刚刚发布了新版本实现了视频位置调节,具体版本可以看 wangeiditor-next 沙盒示例,替换wangeditor及 vue/react
如果有帮助的话麻烦点个star,很需要这个😂
还有就是有兴趣的话可以一起来维护wangeditor,有完整的开发指南,有什么问题可以和我讨论或提issue。😬
问题描述
插入视频后,菜单灰色,无法使用(我想将视频居中),且存在透明背景
wangEditor 版本
是否查阅了文档 ?
(文档链接 www.wangeditor.com )
是
最小成本的复现步骤
(请告诉我们,如何最快的复现该问题?)