CherryMarkdown 是一款 Javascript Markdown 编辑器,具有开箱即用、轻量简洁、易于扩展、语法和功能丰富等特点,可以运行在浏览器或服务端 (Node.js)。
CherryMarkdown 组件架构图
语法特性
- 图片缩放、对齐、引用
- 根据表格内容生成图表
- 字体颜色、字体大小
- 字体背景颜色、上标、下标
- checklist
- 音视频
多种模式
- 双栏编辑预览模式(支持同步滚动)
- 纯预览模式
- 无工具栏模式(极简编辑模式)
- 移动端预览模式
功能特性
- 复制 HTML 粘贴成 MD 语法
- 经典换行&常规换行
- 多光标编辑
- 图片尺寸
- 导出长图、pdf
- float toolbar 在新行行首支持快速工具栏
- bubble toolbar 选中文字时联想出快速工具栏
性能特性
- 局部渲染
- 局部更新
亮点特性简介
1. 图片语法&所见即所得编辑
CherryMarkdown支持通过语法指定图片的大小和位置等属性,且允许在预览区进行所见即所得的编辑交互。
2. 图表绘制
在传统Markdown表格的基础上,CherryMarkdown支持绘制相应的统计图。
3. 粘贴HTML自动转Markdown
从其他页面复制HTML并粘贴到CherryMarkdown,能自动转成相应的Markdown源码。
4. 多光标编辑
CherryMarkdown支持和主流代码编辑器体验类似的多光标批量编辑功能。
5. 变更检测与局部更新
内容变更时,CherryMarkdown能精准检测和定位,做最小的页面元素改动,实现优秀渲染性能。
评论