Strapi渲染中的丰富内容，段落之间没有空格

Question

我使用markdown it和nuxt将我的文章内容(rich text(从strapi呈现到html。文本呈现，但不包括段落之间的间距。我可以在strapi的富文本编辑器上使用<br>标记来创建换行符，但strapi不应该自动这样做吗？

<div v-html="$md.render(articles.content || 'No content available')"></div>

Answer 1

我认为strapi中目前有一个错误，它无法在富文本编辑器中记录换行符(当您在富文本编辑中按enter键时(。您可以使用以下解决方法：在Strapi富文本编辑器中：

1. 在富文本编辑器中，在需要换行符的地方使用双倍空格来记录换行符。这将添加<br>标记。对于多个换行符，请重复。例如：

这是第一段。(双空格键，然后按此处的回车键(这是第二段

HTML输出：

<p>This is first Para.<br>This is Second Para</p>

2. 按Enter键"两次"；以创建新的段落标记。这将把两行分隔为两个不同的段落元素

这是第一段。(此处双击键(这是第二段

HTML输出：

<p>This is First Para.</p>
<p>This is Second Para</p>

Answer 2

我在使用strapi时遇到了同样的错误，为了在我的Next应用程序中修复这个错误，我使用了以下代码：

<div dangerouslySetInnerHTML={{ __html: content }}