背景
相较于HTML富文本编辑
而言,Markdown
格式简洁轻量,使用越来越普及。虽然Markdown
语法简单,但是作为一款通用的开发框架,CabloyJS仍然要考虑到更多实际的终端用户
的使用诉求。因此,提供一款Markdown富文本编辑器
势在必行
介绍
CabloyJS提供的Markdown富文本编辑器
基于ProseMirror
。proseMirror
与codeMirror
均来自同一个作者Marijn, 而Marijn同时也开发了acorn
解释器。Chrome
和Firefox
自带的调试工具内置了codeMirror
,acorn
则是 babel
的依赖项。由此可见,proseMirror
的架构设计和代码质量也是有保证的。proseMirror
本身并不是一个开箱即用
的编辑器,而是提供了一系列模块组件。基于这些模块组件,就可以像乐高一样搭建出来一个编辑器
CabloyJS基于ProseMirror
搭建出来的Markdown富文本编辑器
兼顾易用性
和灵活性
。一般用户
即便不懂Markdown语法也可以无痛的使用,而懂得Markdown语法的专业用户
则可以享受更加便捷高效
的输入体验
特性
CabloyJS的Markdown富文本编辑器
支持以下特性:
-
所有常见功能,如:撤销、重做、分级标题、加粗、斜体、下划线、删除线、标记、上标、下标、列表,等等
-
表格
-
图片上传:支持选择图片上传、复制粘贴图片上传、拖拽图片上传
-
代码片段:支持所有常见编程语言
-
任务列表:用于标记待办、已办
-
源码模式:可以切换到Markdown源码模式
-
快捷键
-
脏标记:当有内容变更时显示脏标记
-
Block区块:通过区块机制
无限扩展
Markdown编辑器的能力
源码
由于Markdown富文本编辑器
在CabloyJS中是相对独立的业务模块,大多数场景只需要知道如何使用即可。因此,Markdown富文本编辑器
是CabloyJS内置提供并且免费使用的,但其源码版本作为增值模块提供。具体信息,请参见:Cabloy商店:a-markdown
评论: