✨react-draft-wysiwyg 富文本编辑出现 TypeError: Cannot read property ‘trim‘ of undefined 的错误解决办法

15 篇文章 0 订阅
本文档介绍了在富文本编辑器中遇到内容为空时导致的错误,以及如何通过为htmlToDraft函数提供默认值来避免这个问题。在页面刷新时,如果content为空,将使用默认的<p></p>标签,确保htmlToDraft函数不会变成无效调用,从而防止错误发生。
摘要由CSDN通过智能技术生成

在富文本编辑器中,里面的内容在你刷新的时候可能会为空,

// content是上面你自己动态获取富文本内的一个编辑内容 他是一个html文本内容
const contentBlock = htmlToDraft(content);
const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks);
const editorState = EditorState.createWithContent(contentState);

这个时候当你重新刷新该页面 你可能会出现同下错误:

在这里插入图片描述

在动态获取的时候,页面的内容可能会为空,这样htmlToDraft() 就是一个空调用,会给你报错

解决办法:给他赋一个默认值

const contentBlock = htmlToDraft(content || <p></p>);

这样就解决了!!!

评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小朋友120

谢谢你拉近我与星星的距离

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值