Open Mei152 opened 6 years ago
Did you find a solution yet ?
Did you have a solution? I fell into the exact same problem.
Adding CSS white-space: pre-line;
to the div solves my problem.
I solved this by
add
<div id="editor" v-html="$md.render(content)"></div>
and add global style with
<style>
#editor p {
padding: 10px;
}
</style>
Also having this problem, even though the padding thing helps, its a nasty work around as it does not allow for multiple line breaks. anyone know how to properly fix this as the break setting does not seem to do anything.
kind regards
Any updates on this?
<div id="editor" v-html="$md.render(content)"></div>
I am also getting my content from a cms so white-space: pre-line;
won't cut it, since it will create a lot of unnecessary line breaks.
Hello. Hoping for some direction here about what I might be doing wrong. I am using the markdownit module to render content produced from the Netlify CMS editor. The markdown-it configuration
breaks: true
doesn't seem to be honored in the HTML output. I deletedlinkify: true
just to see if any of the config settings were working, and, indeed,http://bla.com
stopped displaying as an anchor, so that at least that is working as expected.Any idea why
\n\n
is not showing up as a<br>
? markdown-it docs say:Thanks for your help!
nuxt.config.js
stuff.json
stuff.vue
HTML output