Vue中markdown使用katex(基于mavonEditor扩展katex）

我的需求：

整理笔记用到，发现CSDN那个蛮好用的，所以研究下：

katex 文档： https://katex.org/docs/supported.html

我是这样做的：

githup上找的一个Vue的开源markdown编辑器，使用markdownIt扩展katex语法支持@iktakahiro/markdown-it-katex

 使用Vue-cli 构建项目

main.js

import Vue from 'vue'
import App from './App.vue'
import 'mavon-editor/dist/css/index.css'
import mavonEditor from 'mavon-editor'
//import VueKatex from 'vue-katex';
//import 'katex/dist/katex.min.css';
import Md_Katex from '@iktakahiro/markdown-it-katex'



//Vue.use(VueKatex)
//Vue.config.productionTip = false
Vue.use(mavonEditor)


mavonEditor.markdownIt.set({}).use(Md_Katex);
new Vue({
  render: h => h(App),
}).$mount('#app')

 Demo代码：https://github.com/LIRUILONGS/Vue-markdown-katex.git