Блог

Я использую strapi в качестве CMS, а Nuxt — во внешнем интерфейсе. Теперь, когда я получаю посты из api, и отображаю их в браузере. текст сообщения не очень хорошо отформатирован. нет абзацев, нет заголовков…

Как я могу преобразовать markdown в html с помощью nuxt?

Спасибо.

Встроенный редактор в Strapi — это редактор makrdown. Следующие пакеты могут помочь вам отформатировать markdown как HTML:

• Помечено
• Markdown-это

Вы можете использовать модуль содержимого (https://content.nuxtjs.org /) для отображения вашего сообщения. Он принимает форматы Markdown, JSON, YAML, XML и CSV, поэтому, если вы можете преобразовать свои сообщения из Strapi в один из этих форматов, вы можете использовать его.

Я рекомендую вам создать скрипт для загрузки ваших сообщений и сохранить его локально в папку содержимого (если это возможно), чтобы уменьшить запросы API, а затем использовать модуль de $content на ваших страницах:

 async asyncData({ $content }) {
  const postsList = await $content('yourFolderIntoContent')
    .fetch()
    .catch(() => {
      return []
    })

  return {
    postsList
  }
}
 

И структура вашего проекта должна содержать каталог /content/yourFolderIntoContent