如何使用 gatsby 静态站点生成器生成真实 html 的 ckeditor 输出?

How to generate real html of ckeditor output with gatsby static site generator?

我有一个带有 strapi 的 api 后端,我用那里的 ckeditor 创建了我所有的内容。 内容应真实显示在我的 gatsby 站点中 html。 但是我用 graphql 和 gatsby 查询内容只在原始 html 中显示这个内容 有没有办法,将 gatsby 的查询内容转换为真实的html? 我找不到任何插件或工具来解决这个问题。

大量缺乏试用,source-code,等等。但是,您需要使用的是built-in dangerouslysetinnerhtml 属性。你根本不需要任何插件。

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

请记住,dangerouslySetInnerHTML 是 React 在浏览器 DOM 中使用 innerHTML 的替代品。一般来说,从代码中设置 HTML 是有风险的,因为很容易在无意中让您的用户暴露于 cross-site 脚本 (XSS) 攻击。因此,您可以直接从 React 设置 HTML,但您必须输入 dangerouslySetInnerHTML 并传递一个带有 __html 键的对象,以提醒自己这是危险的。