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