以富文本格式呈现 html 内容 - Contentful + Next.js

Question

我正在使用 Next.js 和 Contentful 构建一个网站。现在我想在内容丰富的文本中呈现类似于

<span style="font-size: 18px">View</span>

的 html 内容。我什至不确定这是否可能。

你能给我解决方案吗？预先感谢您。

Answer 1

我使用

@contentful/rich-text-react-renderer

包做了类似的解决方案。 我尝试渲染如下 HTML 之类的内容，以在我的网站上渲染按钮和提示。

<div>
  <div style="width: 100%; text-align: center; font-size: 18px; font-weight: 700;">This is your journey guide!</div>
</div>

您可以查看更多详情这里