超牛 Vue3 Markdown 编辑器组件Vue3MdEditor
今天给大家分享一个使用 jsx + typescript 语法开发vue3 markdown编辑器插件。
md-editor-v3 基于 vue3.js+jsx+ts 开发的多功能markdown编辑器。提供非常丰富的工具栏及参数配置。
安装
npm i md-editor-v3
yarn add md-editor-v3使用语言、预览主题扩展库。
yarn add @vavt/md-editor-extension快速使用
特性
- 快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏等；
- 内置的白色主题和暗黑主题，支持绑定切换；
- 支持快捷键插入内容； 支持使用 prettier 格式化内容（使用 CDN 方式引入，只支持格式化 md 内容，可在代码内设置关闭）；
- 多语言，支持自行扩展语言；
- 粘贴上传图片，图片裁剪上传；
- 仅预览模式（不显示编辑器，只显示 md 预览内容，无额外监听）；
- 预览主题，内置defalut、vuepress、github 、cyanosis、mk-cute、smart-blue 6 种预览主题（不完全相同），支持自定义主题（参考文档 demo 页示例）；
- mermaid绘图（>=1.8.0），katex数学公式（>=1.9.0）；
- 自定义工具栏顺序或显示，自定义扩展工具栏（支持点击类型、下拉菜单类型及弹窗类型）等。
非常ok的一款可内嵌vue3项目的markdown编辑器插件，有需要的可以去看看。
// 文档地址
https://imzbf.github.io/md-editor-v3/index
// 仓库地址
https://github.com/imzbf/md-editor-v3Ending，今天的分享就到这里了。