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

Question

我正在使用带有ra-input-rich-text 2.9.3的react-admin 2.9.8。

当我想在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

由于存在风险，因此不建议从代码中设置html或使用innerHTML。因此，做出反应要求您了解风险并自行承担风险。要使html标签起作用，您必须执行此操作

<div dangerouslySetInnerHTML={{
   __html: yourHTML
}}></div>

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