Closed dashiell-zhang closed 2 years ago
Hello @berkerdong,
UEditor.Editor在进行全屏的时候,会为所有的父级元素(递归父级,直到 body)设置 position: static;
,这会改变 Model 内 .ant-modal-wrap
元素本身的 position: fixed;
,导致 Modal 显示在视图外。
如果要修复次问题,在点击全屏按钮后,需要通过JS进行以下两步设置:
.ant-modal-wrap
的 position 改回 fixed(移除DOM中style中的 position 设置)edui-editor edui-notadd
的元素的 top 、left 设置为 0。即使如此,也会有些显示的问题,这是由于 UEditor 与 AntDesign 的样式无法兼容引起的。由于 UE 递归设置父级 position: static;
的特点,建议不要使用全屏功能,或者将 UE 放置在接近body的层级,不要放置在DOM树的较深层。
好吧,希望有一天可以完美兼容吧
这个问题搞定了,实现思路如下: 首先在模态框的 Class 加一个标记,这里我用的是 ueditorBody,如下
非常感谢你开发的这个富文本编辑器,我发现它工具栏中的全屏按钮和 Ant Design Blazor 的 Modal 弹出框会有冲突,点击全屏按钮时会直接导致 Modal 消失,并且 编辑器也并没有实现全屏,会造成屏幕出现一个 遮罩层,但是没有任何内容