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

我的需求:

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

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

我是这样做的:

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

Vue中markdown使用katex(基于mavonEditor扩展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

 

上一篇:SSR存在时无法打开Microsoft Store等UWP应用


下一篇:centOS下nginx部署