Typora:没有 Preview 窗口的奇怪文本编辑器「发布官方售价,仅89元」

就在我热切期盼 Ulysses Mac & iPad 双版更新的时候,我遇到了一款极富创新性的 Markdown 极简风格软件:Typora,这款软件乍一看没有眼前一亮的印象,与 Mou,Typed 等结构大体相同,同样支持全面的 MD 语法编辑,全屏,主题选择等常见设计,但在编辑器内可即时生成 Markdown 语法效果,比如你输入一个 Frank,那么 Frank 这个单词就会直接显示粗体格式,不需要另启动什么预览窗口查看排版。与此同时,在插入表格、代码、图片,数学公式等特殊文本时提供了 GUI 交互模式,降低了新手入门门槛,也提高了输入效率。

官方也将 Typora 即时显示 Markdown 语法格式的能力称之为 WYSIWYG (What You See Is What You Get),这是许多 HTML 编辑器的基本特性,下面我们简单举几个例子:

插入普通文本

像粗体,斜体,超链,无序/有序列表,Task List,Link Reference 这些基本语法无论是手动输入还是直接在 Menubar 上调用快速按钮,亦或是使用组合键都能即时显示排版结果,调用玩语法后直接回车即可查看效果。看下面这张动态图会一目了然:

Typora GIF

插入图片

图片一直是许多 MD 用户心中永远的痛,如果你不使用外链图片,就得自己先将本地图片上传到服务器/公共图床,或者是拷贝好图片的本地路径,这些操作随不会浪费多少时间,但磨砺你的耐心已经足够了,Typora 就可以直接将本地图片拖入到编辑区,自动显示图片,如果你单击图片还能显示 Markdown 格式以及图片的本地路径

插入表格

Markdown 的表格插入语法异常复杂,Frank 都是将其存入 TextExpander 来调用的,Typora 设计了一个类似于 OS X 窗口尺寸随时调节的表格尺寸调整模块,你可以像使用 Divvy 那样随心所欲的设置行,排个数;在插入的时候调用 「Table」,只需输入行,排的个数即可马上显示完美的表格文本;此外,你还能用 GUI 的方式随意调整每排单元格内文本的左中右位置,这样的设计我还是头一次遇到。

typora insert table
需输入行,排的个数显示表格

 

adjustrowandcolumn typora
类似 Divvy 窗口尺寸调整功能的表格尺寸调整工具
text position
可控制整排文本位置,但不能单独调整一个单元格的位置

 

插入代码

当你想插入代码时, Typora 会显示一个独立的代码输入区域,可在右下角先选择好语言种类,Typora 的 Code Fences 支持 C/C++,Bash,XML,Python,Java 等多种常见编程语言的高亮显示。

code fences

插入数学公式

普通的 MD 编辑器对稍微复杂些的数学公式就不能识别,而 Typora 提供了 Tex/LaTex 格式的数学公式输入的,而且输入时,下方的 Tex Preview 会自动显示效果:

$$sum_{i=1}^n a_i=0$$

$$f(x)=x^{x^x}$$

进入 Tex 数学公式编辑模式的方法是在英文字符下敲入 $$,然后回车即可。

math block

总结

总的来说,Typora 是一款不错的纯文本编辑工具,特别适合新手使用,目前我们还不能确定她未来的收费政策,如果你对此项目感兴趣,请到官方网站Typora.io申请公测。

评论 12 条

  • q

    列表标签换行的时候有bug,经常卡死。必须退出才行。

    2017-07-23 21:45 回复

    • 对对对

      1.2.3. 排序也这样,唉

      2017-09-22 21:10 回复

  • Jason

    最新版的 Typora 支持拖拽上传图片至图床了;是和 iPic 联合工作的,传图非常方便。

    https://www.v2ex.com/t/321951

    2016-11-21 10:24 回复

  • 张超

    刚刚开始使用中,试试效果如何

    2016-08-12 15:25 回复

  • 阿萨达斯

    链接跳转呢

    2016-07-23 09:31 回复

    • 玩儿法

      链接已更新,直接指向官网下载链接。

      2016-07-23 12:09 回复

  • Dvel

    这是我目前最喜欢的markdown编辑器,没想到frank一年前就推荐过了。。。

    2016-06-25 20:37 回复

  • v18

    mac版本中,这页面怎么调大,显示内容,太小了,有时图片或内容放入其中,两边很多多余的空白区域,想让文章展示的内容向两边扩散,有什么办法吗?

    2016-05-25 17:28 回复

    • std::vector

      应该是可以通过改主题的CSS实现的。但这是一个好的设计啊……行长过长不宜阅读的。

      2017-07-14 16:46 回复

  • lovedebug

    比较喜欢这一类型的。谢谢啦

    2015-03-24 13:23 回复

  • goodbest

    看起来还不错,感谢介绍

    2015-03-15 20:20 回复