wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

图片100%会出现水平滚动条

Open sakurawaifu opened this issue 3 years ago • 5 comments

问题描述

将插入的图片设为100%,会导致编辑区域(.w-e-scroll)出现水平滚动条,很不美观,并且导致操作比较不方便。 debug发现是因为.w-e-image-container中设置了margin: 0 10px;。如果去掉就能把水平滚动条消除掉。

请问设置margin: 0 10px是出于什么样的考虑?个人认为应该与边界严格对齐,不应该出现偏移。

wangEditor 版本

v5.1.7

是否查阅了文档 ?

最小成本的复现步骤

  • 步骤一:插入图片
  • 步骤二:将图片设为100%
  • 步骤三:观察编辑区域,会出现水平滚动条

sakurawaifu avatar Jul 14 '22 03:07 sakurawaifu

请问设置margin: 0 10px是出于什么样的考虑?

为了让图片和左右的文字有点间隙,别紧挨在一起。

wangfupeng1988 avatar Jul 14 '22 03:07 wangfupeng1988

这个问题还好,只是样式优化,不是功能问题。 先 pending 吧,等我忙完其他 bug ,来看看。

wangfupeng1988 avatar Jul 14 '22 03:07 wangfupeng1988

这个问题还好,只是样式优化,不是功能问题。 先 pending 吧,等我忙完其他 bug ,来看看。

大佬你好,我也遇到了这个样式优化点,这个问题怎么知道现在是否改好了呢,会通知我们吗

fantasy1943 avatar Aug 10 '22 08:08 fantasy1943

改了就会关闭 issue 的,跟踪这个 issue 状态即可

wangfupeng1988 avatar Aug 11 '22 00:08 wangfupeng1988

明白了,谢谢

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2022年8月11日(星期四) 上午8:26 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [wangeditor-team/wangEditor] 图片100%会出现水平滚动条 (Issue #4523)

改了就会关闭 issue 的,跟踪这个 issue 状态即可

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: @.***>

fantasy1943 avatar Aug 11 '22 01:08 fantasy1943

已修复,请升级最新版 @wangeditor/editor

wangfupeng1988 avatar Sep 15 '22 08:09 wangfupeng1988