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

Mar*_*vin 7 strapi nuxt.js markdown-it

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

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

小智 3

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

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

这是第一段。(按两个空格键,然后在此处按 Enter 键)这是第二段

HTML 输出:

<p>This is first Para.<br>This is Second Para</p>
Run Code Online (Sandbox Code Playgroud)

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

这是第一段。(此处按双 Enter 键)这是第二段

HTML 输出:

<p>This is First Para.</p>
<p>This is Second Para</p>
Run Code Online (Sandbox Code Playgroud)