Fatal编程技术网
  • ckeditor/
  • 如何使用gatsby静态站点生成器生成ckeditor输出的真实html？

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

ckeditor gatsby

如何使用gatsby静态站点生成器生成ckeditor输出的真实html？,ckeditor,gatsby,strapi,ckeditor5,Ckeditor,Gatsby,Strapi,Ckeditor5,我有一个带有strapi的api后端，我用那里的ckeditor创建了我的所有内容。 内容应该以真正的html显示在我的盖茨比网站上。 但是我用graphql查询内容，gatsby只在原始html中显示该内容 有没有办法将盖茨比的查询内容转换成真正的html？ 我找不到任何插件或工具来修复此问题。大量缺少试用版、源代码等。但是，您需要使用的是内置属性。你根本不需要任何插件 <div dangerouslySetInnerHTML={{__html: yourRetreivedData}}

我有一个带有strapi的api后端，我用那里的ckeditor创建了我的所有内容。 内容应该以真正的html显示在我的盖茨比网站上。 但是我用graphql查询内容，gatsby只在原始html中显示该内容 有没有办法将盖茨比的查询内容转换成真正的html？
我找不到任何插件或工具来修复此问题。

大量缺少试用版、源代码等。但是，您需要使用的是内置属性。你根本不需要任何插件

<div dangerouslySetInnerHTML={{__html: yourRetreivedData}} />
请记住，
危险的setinerHTML
是React在浏览器DOM中使用
innerHTML
的替代品。一般来说，从代码中设置HTML是有风险的，因为很容易在不经意间让用户遭受跨站点脚本（XSS）攻击。因此，您可以直接从React设置HTML，但您必须键入
危险的HTML
，并使用
\uuHTML
键传递对象，以提醒自己这是危险的。

谢谢。那么你认为前端没有其他选择了？当您希望在前端显示ckeditor的内容时，您的建议是什么。在生成页面之前，是否可以呈现此graphql content server端？您可以使用清理HTML数据，以发现SSR存在危险的SetinerHtmlit问题。我使用了这个更容易实现的方法