wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

编辑器窗口宽度不够导致内容不显示span标签宽高都是0,图片正常显示

Open Lenlyl opened this issue 6 months ago • 2 comments

bug 描述

同一个项目中使用wangEditor,编辑题目标题和解析都可以,但是选项 ,因为宽度比前面两项都窄一些,编辑器中的text文本均未显示出来,调试模式下看了Elements,编辑器中的内容都渲染了,只是各元素宽高是0,只有插入的图片标签可以正常显示

你预期的样子是?

宽度只要不是0,都应该正常显示编辑器中纯文本内容

系统和浏览器及版本号

  • 操作系统
  • Windows 10
  • 浏览器和版本 谷歌浏览器127.0.6533.72(正式版本) (64 位)

wangEditor 版本

"@wangeditor/editor": "^5.1.23" "@wangeditor/editor-for-react": "^1.0.6"

demo 能否复现该 bug ?

不好复现,demo是占满屏幕的,没有嵌入在表单中

  • 中文 demo https://www.wangeditor.com/demo/
  • English demo https://www.wangeditor.com/demo/?lang=en

在线 demo

请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug 暂无线上项目提供

  • https://codesandbox.io/
  • https://codepen.io/
  • https://stackblitz.com/

最小成本的复现步骤

(请告诉我们,如何最快的复现该 bug)

  • 步骤一
  • antd的Form表单中迁入一个编辑器宽度为300px
  • 步骤二 -设置一段默认的html标签字符串
  • 步骤三
  • 里面的文本信息显示不了

Lenlyl avatar Jul 31 '24 07:07 Lenlyl