28 lines
1.6 KiB
Markdown
28 lines
1.6 KiB
Markdown
|
# 介绍
|
|||
|
|
|
|||
|
|
vue-marodown是一款使用marked和highlight.js开发的一款markdown编辑器，主要包括三个部分
|
|||
|
|
|
|||
|
|
1. 简单版编辑器，左侧文本输入框使用textarea实现；
|
|||
|
|
2. 专业版编辑器，左侧输入框使用codemirror实现；
|
|||
|
|
3. markdown预览组件，可单独使用。
|
|||
|
|
|
|||
|
|
## 简单版编辑器
|
|||
|
|
简单版编辑器为默认编辑器，具有体积小的优势，功能上相对于专业版无删减，区别在于
|
|||
|
|
- 不支持输入文本识别，无法根据不同的语法在输入框内显示不同的样式
|
|||
|
|
- 头部菜单插入内容时不支持对已选择文本区域操作
|
|||
|
|
## 专业版编辑器
|
|||
|
|
左侧的编辑区域使用codemirror实现，看起来更像一个专业的编辑器，保留了编辑器绝大多数功能，相比于普通版区别为
|
|||
|
|
- 支持根据输入的文本类型显示不同样式
|
|||
|
|
- 支持设置代码块语言，并高亮显示
|
|||
|
|
- 支持对输入框内的文本选中后进行操作
|
|||
|
|
## 预览组件
|
|||
|
|
预览组件为单独的一个组件，区别于编辑器内的预览模式，显示样式与编辑器内预览区域完全一致，支持设置主题，复制代码，预览图片、设置maked.js初始化设置等功能。
|
|||
|
|
|
|||
|
|
## 如何选用
|
|||
|
|
|
|||
|
|
- 如果支持想简单的实现一个富文本编辑器，对功能和输入框样式没有过多的要求，建议简单版即可，毕竟体积优势大，gzip压缩后仅有50kb。
|
|||
|
|
- 如果想让编辑器看起来更专业一点儿，文本输入区域功能更强大一点儿，建议选用pro版，代价是文件体积将会变大。
|
|||
|
|
- 如果只是想单纯的展示markdown文件，选用markdown-preview即可。
|
|||
|
|
|
|||
|
|
|