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

j13ufse2 于 2个月前发布在其他

关注(0)|答案(2)|浏览(41)

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
暂无线上项目提供

最小成本的复现步骤

（请告诉我们，如何最快的复现该 bug）

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

来源：https://github.com/wangeditor-team/wangEditor/issues/5919

2条答案

按热度按时间

ktecyv1j1#

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

赞(0）回复(0）举报 2个月前

ccrfmcuu2#

问题已找到，不是完全是宽度问题。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: ***@***.***>