概述
小书匠内置集成了多种编辑器,codemirror, ace,竖排编辑器,每种编辑器除了共有的提供编辑功能,还提供了比较个性化的功能
如何修改编辑器的字体
codemirror 编辑器
点击编辑区右侧的切换 编辑器按钮 , 选择 codemirror 编辑器 就可以将当前使用的编辑器切换成 codemirror 编辑器
![切换 编辑器 切换 编辑器](./images/1546583345911.png)
切换 编辑器
codemirror 设置
小书匠主按钮>设置>编辑器>codemirror
![设置 设置](./images/1546569586543.png)
设置
行专注
除了当前编辑的几行外,其他行进行半透明处理,离当前行越远,半透明效果越明显。
![专专注效果 专专注效果](./images/1546567711171.png)
专专注效果
打印机滚动
用户每次输入时,都会自动将光标定位到屏幕中心
![光标永远停在中心位置 光标永远停在中心位置](./images/1546568397392.png)
光标永远停在中心位置
英文拼写检查
![英文拼写检查 英文拼写检查](./images/1546568191016.png)
英文拼写检查
可变高度
在编辑器里,不同的标题,会有不同的高度。
![打开可变高度功能 打开可变高度功能](./images/1546570058599.png)
打开可变高度功能
![关闭可变调试功能 关闭可变调试功能](./images/1546570108334.png)
关闭可变调试功能
自动预览
目前提供图片自动预览和 checkbox 自动预览两个功能
![自动预览 自动预览](./images/1546576502320.png)
自动预览
高亮语法颜色选择器
![颜色选择器 颜色选择器](./images/1546570604293.png)
颜色选择器
![自定义颜色 自定义颜色](./images/1546573547356.png)
自定义颜色
![确认选择的颜色 确认选择的颜色](./images/1546573751345.png)
确认选择的颜色
显示行号
![行号 行号](./images/1546574079076.png)
行号
自动折行
![折行效果 折行效果](./images/1546574529153.png)
折行效果
折叠
codemirror 默认提供折叠功能,实现对章节,代码段折叠功能。
![折叠 折叠](./images/1546586829892.png)
折叠