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

Question

我正在使用 markdown-itnuxt将我的文章内容 ( rich text) 呈现为htmlfrom strapi。文本呈现，但不包括段落之间的间距。我可以<br>在富文本编辑器上使用标签strapi来创建换行符，但不应该strapi自动这样做吗？

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

Answer 1

我认为strapi当前存在一个错误，阻止它在富文本编辑器中记录单行换行符（当您在富文本编辑器中按下回车键时）您可以使用以下解决方法：在Strapi富文本编辑器中：

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

这是第一段。（双空格键，然后在此处按 Enter 键）这是第二段

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 }}