来自内容的输出html标头包含带有链接的隐藏svg

时间:2019-11-16 15:54:41

标签: gatsby contentful

当我尝试从有内容的内容构建我的gatsby网站时,html标头(即h1元素)带有“额外”的svg元素,其中包括锚标签,而不只是我打算从有内容中发布的标头元素。

从满足内容中进行采购时,是否还有其他人看到过这种行为?如果我只希望网站中的标头元素而不是满足内容所添加的多余内容,那该怎么办?

contentful editor gatsby body import from contentful

谢谢!

1 个答案:

答案 0 :(得分:0)

Contentful GraphQL API仅返回markdown字符串。它不返回HTML。 Markdown到HTML的转换是由gatsby和插件完成的,只有在收到内容之后。

您的示例看起来像gatsby-transformer-remarkgatsby-remark-autolink-headers的组合。

从gatsby-config.js中已配置的插件列表中删除“ gatsby-remark-autolink-headers”应该摆脱不必要的SVG标签。


要查看Contentful API返回的内容,可以在下一页上使用GraphiQL编辑器针对您的特定空间进行操作

https://graphql.contentful.com/content/v1/spaces/<YOUR SPACE ID>/explore?access_token=<YOUR ACCESS TOKEN>

因此,当您查看我们的example appquery one particular entry时,会得到原始的markdown字符串。

GraphQL result showing raw markdown string