marked解析markdown语法

安装marked

npm install marked

使用

  mounted() {

    marked.setOptions({
      renderer: new marked.Renderer(),
      highlight: function(code) {
        console.log(hljs.highlightAuto(code).value);
        return hljs.highlightAuto(code).value;
      },
      pedantic: false,
      gfm: true,
      tables: true,
      breaks: false,
      sanitize: false,
      smartLists: true,
      smartypants: false,
      xhtml: false
    });
    this.article_list.content_mark = marked(this.article_list.content_mark);
  },

解析后没有样式需要单独引入样式

npm install github-markdown-css 或 cnpm install github-markdown-css复制代码
import 'github-markdown-css';

注意容器div要添加markdown-body类名

<div class="markdown-body" v-html="topic_data.content"></div>复制代码