vue中使用marked显示markdown文件

最新推荐文章于 2025-06-26 18:28:55 发布

原创最新推荐文章于 2025-06-26 18:28:55 发布 · 6.5k 阅读

6 ·

CC 4.0 BY-SA版权

markdown 同时被 2 个专栏收录

2 篇文章

订阅专栏

marked

1 篇文章

订阅专栏

本文介绍如何使用marked库将Markdown文本转换成HTML格式，包括安装marked库的方法和在Vue.js项目中使用marked的具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装marked

npm install marked

2、使用

<div v-html="readmeContent">

</div>

<script>
  //引入marked
  import marked from 'marked'
  
  export default {
    methods: {
      getMardownFileContent(data) {
		//处理markdown数据，data为markdown文件读出的字符串
		this.readmeContent = marked(data || '', {
		  sanitize: true
		}); 
    },
  }
  
</script>