概述
小书匠内置集成了多种编辑器,codemirror, ace,竖排编辑器,每种编辑器除了共有的提供编辑功能,还提供了比较个性化的功能
如何修改编辑器的字体
codemirror 编辑器
点击编辑区右侧的切换 编辑器按钮 , 选择 codemirror 编辑器 就可以将当前使用的编辑器切换成 codemirror 编辑器

切换 编辑器
codemirror 设置
小书匠主按钮>设置>编辑器>codemirror

设置
行专注
除了当前编辑的几行外,其他行进行半透明处理,离当前行越远,半透明效果越明显。

专专注效果
打印机滚动
用户每次输入时,都会自动将光标定位到屏幕中心

光标永远停在中心位置
英文拼写检查

英文拼写检查
可变高度
在编辑器里,不同的标题,会有不同的高度。

打开可变高度功能

关闭可变调试功能
自动预览
目前提供图片自动预览和 checkbox 自动预览两个功能

自动预览
高亮语法颜色选择器

颜色选择器

自定义颜色

确认选择的颜色
显示行号

行号
自动折行

折行效果
折叠
codemirror 默认提供折叠功能,实现对章节,代码段折叠功能。

折叠