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

[Lenlyl]

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标签字符串
• 步骤三
• 里面的文本信息显示不了

[cycleccc]

能使用沙盒复现一下吗，建议使用 wangeditor-next 中的沙盒，提供一个可以复现的沙盒 demo，方便修改。

[Lenlyl]

问题已找到，不是完全是宽度问题。Antd的单选多选组件包裹编辑器时，显示不了编辑器中输入的内容，可输入，看不到内容。感谢回复

---原始邮件--- 发件人: @.> 发送时间: 2024年8月3日(周六) 晚上7:33 收件人: @.>; 抄送: @.**@.>; 主题: Re: [wangeditor-team/wangEditor] 编辑器窗口宽度不够导致内容不显示span标签宽高都是0，图片正常显示 (Issue #5919)

能使用沙盒复现一下吗，建议使用 wangeditor-next 中的沙盒，提供一个可以复现的沙盒 demo，方便修改。

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