RichTextInput 中的 HTML 标记被转换为字符串

Question

我正在使用 react-admin 2.9.8 和 ra-input-rich-text 2.9.3。

当我想在 RichTextInput 字段中插入标签时，它会被转换为字符串。

我想添加这样的东西：

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

它会看起来像：

<p><span style="color: mediumblue;">&lt;</span><span style="color: rgb(165, 42, 42);">img</span><span style="color: red;">&nbsp;src</span><span style="color: mediumblue;">="smiley.gif"</span><span style="color: red;">&nbsp;alt</span><span style="color: mediumblue;">="Smiley face"</span><span style="color: red;">&nbsp;height</span><span style="color: mediumblue;">="42"</span><span style="color: red;">&nbsp;width</span><span style="color: mediumblue;">="42"&gt;</span></p>

如何插入一个简单的 HTML 标签？我不想插入完整的图片，我只是想要一个链接到我的页面。

Answer 1

React 不鼓励在代码中设置 html 或使用 innerHTML，因为存在风险。出于这个原因，reacts 要求您了解风险并自行承担风险。要使 html 标记正常工作，您必须执行此操作 <div dangerouslySetInnerHTML={{ __html: yourHTML }}></div>

您可以阅读更多关于它的信息here