其他分享
首页 > 其他分享> > Vue中markdown使用katex(基于mavonEditor扩展katex)

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

 

标签:use,markdown,Vue,mavonEditor,katex,import
来源: https://www.cnblogs.com/liruilong/p/14731051.html