问题描述
我有一个带trapi的api后端，我在那里用ckeditor创建了所有内容。 内容应该以真实的html格式显示在我的gatsby网站中。 但是我用graphql和gatsby查询内容仅在原始html中显示此内容 有没有办法将所查询的gatsby内容转换为真正的html？ 我找不到任何可解决此问题的插件或工具。
解决方法
非常缺乏试用版，源代码等。但是，您需要使用内置的dangerouslysetinnerhtml属性。您根本不需要任何插件。
<div dangerouslySetInnerHTML={{__html: yourRetreivedData}} />
请记住，dangerouslySetInnerHTML是React在浏览器DOM中使用innerHTML的替代品。通常，通过代码设置HTML是有风险的，因为很容易在无意间使用户遭受跨站点脚本（XSS）攻击。因此，您可以直接从React设置HTML，但是您必须输入dangerouslySetInnerHTML并使用__html键传递对象，以提醒自己这很危险。