我的需求:
整理笔记用到,发现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