Vue中markdown使⽤katex(基于mavonEditor扩展katex)我的需求:
整理笔记⽤到,发现CSDN那个蛮好⽤的,所以研究下:
我是这样做的:
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)
//fig.productionTip = false
Vue.use(mavonEditor)
mavonEditor.markdownIt.set({}).use(Md_Katex);
editorjsnew Vue({
render: h => h(App),
}).$mount('#app')