Use HTML tags within markdown files? about frontmatter-markdown-loader HOT 7 CLOSED

Seems that your component may be wrong to render the template.
I confirmed <a> is rendered correctly.

Browser

HTML

Markdown

Btw, the rendering config is same to default, so you don't need to give that option 😉

let md = require('markdown-it')({
  html: true
})

https://github.com/hmsk/frontmatter-markdown-loader/blob/master/index.js#L4

I may take a look if you publish the repo to reproduce the problem 👀

from frontmatter-markdown-loader.

You helped me realize that I was overthinking the configuration, and once I took out the additional options it worked completely as intended! 🙌 .

FYI for anyone else, keep the nuxt.config.js options simple if you want to use markdown-it as a parser:

extend(config, { isDev, isClient }) {
    config.module.rules.push({
      test: /\.md$/,
      loader: 'frontmatter-markdown-loader'
    })
}

from frontmatter-markdown-loader.

Glad to hear that you solved the problem.

I'm still curious about what was the exact problem in your end 🤔

let md = require('markdown-it')({
  html: true
})

Even if we give this as the custom compilation, that should work anyways.

from frontmatter-markdown-loader.

I think my problem was specifically with the webpack config I was including in my nuxt.config file:

let md = require('markdown-it')

...

build: {
    extend(config, { isDev, isClient }) {
      config.module.rules.push({
        test: /\.md$/,
        loader: 'frontmatter-markdown-loader',
        options: {
          markdown: body => {
            return md.render(body)
          }
        }
      })
    }
  }

When I remove the options object, all works as intended (and my html via markdown gets properly rendered):

let md = require('markdown-it')

...

build: {
    extend(config, { isDev, isClient }) {
      config.module.rules.push({
        test: /\.md$/,
        loader: 'frontmatter-markdown-loader'
      })
    }
  }

from frontmatter-markdown-loader.

oh, so you missed html: true for the option of markdown-it at all?
I thought my module has bug for custom compilation since your first sample was having html: true which must work for inline html tags.

from frontmatter-markdown-loader.

I had the html: true option set when I first encountered this issue, but I was also including the extra options on my webpack config which I think was my problem.

Importing markdown without the html: true option, and not including the options in my webpack config has everything working as expected 👍

from frontmatter-markdown-loader.

Thanks for your explanation ✨

from frontmatter-markdown-loader.