[关闭]
@ghosert 2014-11-02T14:42:51.000000Z 字数 2450 阅读 8349

Cmd Markdown 发布第七次更新 --- 击键的节奏

Cmd-Markdown


我是 作业部落Cmd Markdown 的主要开发者,您可以在微博上关注我 @ghosert

我有一个七岁大的女儿,她从五岁的时候就开始学习书法,现在拿到了七级书法证书,写出来的毛笔字很漂亮,每每嘲笑她爸爸的手写字怎么这么难看,然后又挺好奇我每天工作到那么晚,在电脑上捣鼓什么东西。我和她说,我每天都要在电脑上写程序、打字,所以写字就越来越难看了。她不理解她正在传承我们这个国家的传统,但是我明白总有一天,她会和我一样坐在这里码字,这就是 Cmd Markdown 诞生的初心:给这个世界上需要记录和思考的人带去更流畅地击键节奏,所以:第七次更新我们回归编辑的本质。

1. 再次重置工具栏

上一个版本中隐藏在文字右侧的下拉小箭头不是非常明显,致使一些用户无法找到导出和删除功能,所以我们增加了两个新的具栏按钮 方便用户识别功能,他们会用来显示文稿信息和功能设置。

tool-bar

2. 更安全的备份策略

介于有些用户因为误操作引起文稿内容被覆盖的问题,这次我们为发布过的文稿提供额外的备份策略,因此经常发布更新后的文稿可以使你的文稿更安全。

3. 编辑器语法高亮

编辑器的升级是这次更新的重中之重,为了提升输入体验,我们摒弃了使用普通文本框作为输入媒介,转而采用富文本框作为编辑器,这使得许多原来本地桌面编辑器才拥有的功能在 Cmd Markdown 上同样得以完美展现,其中一项就是 Markdown 语法高亮:针对原来的黑白主题,这次我们仔细校验了每一个 Markdown 语法,斟酌各种配色方案,最终确定了现在的语法高亮效果。例如:编辑器中的粗体,斜体,代码段落,链接等等,详细可以参见下图。

editor

4. 更智能的富文本编辑器

除了语法高亮,富文本编辑器带来了许多编辑细节上的改进,变得更智能和聪明,使得专业写手在编辑地过程中更得心应手。譬如:

  1. 你可以选中多行内容,按 Tab 键一起缩进。
  2. 书写列表换行的时候,编辑器会自动加上序列号,两次回车则会智能删行。

您可以在更多地写作过程中体会到这种流畅的节奏。

5. 编辑器之神 Vim 模式

Cmd Markdown 提供了许多功能给普通用户,例如:实时在线存储,标签,文档归类,搜索,实时预览,不同的写作阅读模式等等,但是以前阻碍许多程序员使用 Cmd Markdown 的是:他们和我一样更喜欢一些高效的编辑器譬如: Vim 来书写文本内容,基于 Markdown 本身的文本属性,一个好用的文本编辑器 + Markdown 语法堪称一对黄金组合,许多用户说我想要 Vim 模式,好吧,其实我想说,作为开发者,我也忍了很久没有 Vim 了。这一次,我们带来了 编辑器之神 Vim,点击右上角工具栏图标 开启 Vim 模式。

6. 神的编辑器 Emacs 模式

为了不惹怒 Vim 的敌对阵营 Emacs 系的用户,除了编辑器之神,我们还带来了另一个文本编辑的神器 Emacs,堪称神的编辑器。为了确保 Emacs 模式和现有快捷键之间没有冲突,作为一个 Vi 党,我花费了大半天时间重新学习了一下 Emacs,目前没有发现明显的问题,只是 Chrome 浏览器无法使用 Ctrl-N 移动光标到下一行,因为这个键位被 Chrome 的新建窗口所占用,而且无法更改。暂时大家可以使用 Firefox 来替代。 由于 Vim / Emacs 的复杂性,我们并不保证实现了这两种模式的所有功能,但是我们保证基本功能可用。如果有严重的使用问题,欢迎在 Github cmd-editor 的问题列表上提出。

7. 切换编辑器

富文本编辑器在一些老旧的电脑和浏览器上可能会有性能,渲染上的问题,如果需要切换到之前的普通文本编辑器,可以点击右上角工具栏图标 选择 轻量编辑器 选项。

8. 开放 Html 标签

Markdown 语法实质上是 Html 语法的一种简写形式,但有些效果又无法完全替代,所以有时在书写 Markdown 的时候又需要直接书写 Html 作为补充,此前因为安全问题,我们禁止了 Html 的语法,现在基于方便用户的原因,我们开放了大部分 Html 标签。

譬如:你可以用 Html 写一个纵跨两行的表格:

<table>
    <tr>
        <th rowspan="2">值班人员</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
    </tr>
    <tr>
        <td>李强</td>
        <td>张明</td>
        <td>王平</td>
    </tr>
</table>
值班人员 星期一 星期二 星期三
李强 张明 王平

实际使用的时候如果需要开放更多 Html 标签,请一样在 Github cmd-editor 上提出。

9. 图标集合

开放 Html 标签的同时,顺带地,本站的图标系统也已经对外开放,在你的文档里只需要输入

<i class="icon-weibo"></i>

就可以显示微博的图标:

替换 上述 i 标签 内的 icon-weibo 就会显示不同的图标,例如:

<i class="icon-renren"></i>

就可以显示人人的图标:

更多的图标和玩法可以参看 font-awesome 官方网站。

10. 问题修复

根据用户在 GitHub 上提出的问题列表,修复了以下问题:

修复帮助页面上的一个 JS 错误
消除 Chrome 浏览器上元素获得焦点后的突兀边框
修复标签列表的排序错误
高亮文件列表中鼠标移动到的标签
保持搜索框始终获得焦点
修复发布日期,和发布标题的错误
改进同步算法,同步滚动更有效率,更精确
减少不必要的渲染流程
修复工具栏上显示英文而不是中文的问题
首次加载文稿时,允许立即同步滚动而非等到全部图片加载完成
在链接和图片对话框上加入 "确认" 和 "取消" 的快捷键
减少同步滚动的等待时间,使得滚动更有效率

如果您在使用中发现其它问题,请同样前往 Github cmd-editor 页面提出问题,我们会定期修复。

11. 写在最后

以上就是这次更新的全部内容,如果您喜欢这个产品,请向您的同学,同事,朋友推荐它,我们一如既往,在不断的进化中给用户带来惊喜。下一次,Cmd Markdown 的更新将转向另一个不同的主题:文字社交

敬请期待。

关注 @ghosert
2014.05.08

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注