wangEditor
wangEditor copied to clipboard
编辑器窗口宽度不够导致内容不显示span标签宽高都是0,图片正常显示
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标签字符串
- 步骤三
- 里面的文本信息显示不了