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

Question

我正在使用 markdown-it 和 nuxt将我的文章内容 ( rich text ) 呈现为 html来自 strapi .文本呈现但不包括段落之间的间距。我可以用 <br>富文本编辑器上的标记 strapi创建换行符但不应该 strapi自动执行此操作？

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

Answer 1

我认为目前在 Strapi 中存在一个错误，它阻止它在富文本编辑器中记录单换行符(当您在富文本编辑器中按 Enter 键时)您可以使用以下解决方法:
在 Strapi 富文本编辑器中:

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

This is First Para.(Double Space-key then press Enter-key here)This is Second Para

HTML 输出:

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

按 Enter “两次”以创建新的 Paragraph 标记。这会将两行分隔为两个不同的段落元素。

This is First Para.(Double Enter-key here)This is Second Para

HTML 输出:

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