如何解决如何使用gatsby静态站点生成器生成ckeditor输出的真实HTML?
我有一个带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
键传递对象,以提醒自己这很危险。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。