Closed huaiguoguo closed 1 year ago
TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns. 此回复基于 ChatGPT 自动生成,可以尝试下方案,官方员会在一定时间后继续继续处理。
你好,如果只是想解决富文本组件在 ProForm.Item 中的问题,可以尝试将 ProForm.Item 中的 style 属性删除,保持和 ReactQuill 组件的一致即可。
<ProForm.Item
label="商品简介"
name="goods_introduction"
//style={{ height: "100%" }} // 删除这一行
rules={[{ required: true, message: "请输入商品简介" }]}
>
<ReactQuill
theme={"snow"}
value={value}
onChange={handleChange}
modules={modulesOptions}
style={{ height: "100%" }} // 和 ProForm.Item 保持一致
/>
</ProForm.Item>
另外,推荐一篇针对 ReactQuill 和 Ant Design Pro 的教程,内容涵盖了如何在 Ant Design Pro 中使用 ReactQuill 组件,希望对你有帮助:ReactQuill 在 Ant Design Pro 中的使用。
最后,建议在编写 issue 描述时提供尽量完整的信息如相关版本号、环境等信息,方便更好的定位问题。希望能对你有所帮助,如有其他问题,欢迎继续提问。
这个应该是你的组件实现的问题,组件被销毁了
🐛 bug 描述
在使用 antd 的 ProForm.Item组件包裹ReactQuill富文本组件的时候,每输入一个字母(或者按下一个按键后)就失去焦点
在很多场景下不可避免使用富文本组件,在这方面可否出一个ReactQuill组件和ProForm结合的教程或文档
或者官方出一个富文本组也可以
📷 复现步骤
🏞 期望结果
💻 复现代码
© 版本信息
🚑 其他信息