来自Contentful的文本作为一个单独的段落出现

Question

我正在使用Nuxt.js和Contentful网站显示课程列表。我已经为内容丰富的课程创建了内容模型。每个课程都有说明。当我检索有关Nuxt.js的描述时，文本会显示在一个段落中。我想显示一些格式，至少换行符。文本显然可以显示markdown标签，-是否有任何可用于将这些标签转换为HTML的程序包，功能等？谢谢。

我仅对文本进行了描述，但我还尝试使用具有相同输出的富文本格式，所有文本都在一行中。

Answer 1

我找到了答案。

• 将@ nuxtjs / markdownit（https://www.npmjs.com/package/@nuxtjs/markdownit）添加为项目的依赖项，例如npm install @nuxtjs/markdownit --save

• 将其添加到nuxt.config.file上的模块，并为降价添加此配置

modules: [
  '@nuxtjs/markdownit'
],
markdownit: {
  injected: true
},

• 最后，在课程页面上。
  <div v-html="$md.render(course.fields.fulldescription)"></div>

Answer 2

如果您将“ rich text react renderer”用于“ RTF文本”字段，则可以在选项中使用以下行来为文本节点定义自定义呈现：

const options = {
 renderText: text => text.split('\n').flatMap((text, i) => [i > 0 && <br />, 
 text])
}

这将在您的文本节点中找到\ n并将其替换为
。