怎么在 vue 文件直接引入 markdown 进行解析
发布于 7 天前 作者 vxhly 404 次浏览 来自 问答

image.png 我想在 VersionLog.vue 文件 直接引入 markdown ,要怎么做, 在网上找的都是 markdown 编辑器,我不要那种的,我需要能直接解析掉,不用编辑器 VersionLog.vue

<template lang="html">
 <div class="" id='editor'>

   <!-- Log start -->
   <div class="article" v-html="compiledMarkdown"></div>
   <!-- Log end -->

 </div>
</template>

<script>
import marked from 'marked'
export default {
 name: 'Log',
 data () {
 return {
  context: ""
 }
},

computed:{
  compiledMarkdown () {
    return marked(this.context, { sanitize: true })
  }
}
}
</script>

5 回复

markdown–loader

来自酷炫的 CNodeMD

@liuqipeng417 之后,怎么写?webpack 需要进行相关配置么?

有人会用 fs 来读取 markdown 文件么

直接在编译阶段就解析成 html 的话,就搜 xx-loader

1,如果你要自己对markdown 文本进行编译处理,可以直接使用text-loader; 2,如果你需要webpack直接帮你将markdown直接编译成html,可直接使用markdown-loader; 3,如果你需要2且编译后的html支持vue,可以使用vue-markdown-loader;

end……

回到顶部