Typora:沒有 Preview 窗口的奇怪文本編輯器「發(fā)布官方售價,僅89元」

就在我熱切期盼 Ulysses Mac & iPad 雙版更新的時候,我遇到了一款極富創(chuàng)新性的 Markdown 極簡風格軟件:Typora,這款軟件乍一看沒有眼前一亮的印象,與 Mou,Typed 等結(jié)構(gòu)大體相同,同樣支持全面的 MD 語法編輯,全屏,主題選擇等常見設(shè)計,但在編輯器內(nèi)可即時生成 Markdown 語法效果,比如你輸入一個 Frank,那么 Frank 這個單詞就會直接顯示粗體格式,不需要另啟動什么預(yù)覽窗口查看排版。與此同時,在插入表格、代碼、圖片,數(shù)學公式等特殊文本時提供了 GUI 交互模式,降低了新手入門門檻,也提高了輸入效率。

官方也將 Typora 即時顯示 Markdown 語法格式的能力稱之為 WYSIWYG (What You See Is What You Get),這是許多 HTML 編輯器的基本特性,下面我們簡單舉幾個例子:

插入普通文本

像粗體,斜體,超鏈,無序/有序列表,Task List,Link Reference 這些基本語法無論是手動輸入還是直接在 Menubar 上調(diào)用快速按鈕,亦或是使用組合鍵都能即時顯示排版結(jié)果,調(diào)用玩語法后直接回車即可查看效果。看下面這張動態(tài)圖會一目了然:

Typora GIF

插入圖片

圖片一直是許多 MD 用戶心中永遠的痛,如果你不使用外鏈圖片,就得自己先將本地圖片上傳到服務(wù)器/公共圖床,或者是拷貝好圖片的本地路徑,這些操作隨不會浪費多少時間,但磨礪你的耐心已經(jīng)足夠了,Typora 就可以直接將本地圖片拖入到編輯區(qū),自動顯示圖片,如果你單擊圖片還能顯示 Markdown 格式以及圖片的本地路徑

插入表格

Markdown 的表格插入語法異常復雜,F(xiàn)rank 都是將其存入 TextExpander 來調(diào)用的,Typora 設(shè)計了一個類似于 OS X 窗口尺寸隨時調(diào)節(jié)的表格尺寸調(diào)整模塊,你可以像使用 Divvy 那樣隨心所欲的設(shè)置行,排個數(shù);在插入的時候調(diào)用 「Table」,只需輸入行,排的個數(shù)即可馬上顯示完美的表格文本;此外,你還能用 GUI 的方式隨意調(diào)整每排單元格內(nèi)文本的左中右位置,這樣的設(shè)計我還是頭一次遇到。

typora insert table
需輸入行,排的個數(shù)顯示表格

 

adjustrowandcolumn typora
類似 Divvy 窗口尺寸調(diào)整功能的表格尺寸調(diào)整工具
text position
可控制整排文本位置,但不能單獨調(diào)整一個單元格的位置

 

插入代碼

當你想插入代碼時, Typora 會顯示一個獨立的代碼輸入?yún)^(qū)域,可在右下角先選擇好語言種類,Typora 的 Code Fences 支持 C/C++,Bash,XML,Python,Java 等多種常見編程語言的高亮顯示。

code fences

插入數(shù)學公式

普通的 MD 編輯器對稍微復雜些的數(shù)學公式就不能識別,而 Typora 提供了 Tex/LaTex 格式的數(shù)學公式輸入的,而且輸入時,下方的 Tex Preview 會自動顯示效果:

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

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

進入 Tex 數(shù)學公式編輯模式的方法是在英文字符下敲入 $$,然后回車即可。

math block

總結(jié)

總的來說,Typora 是一款不錯的純文本編輯工具,特別適合新手使用,目前我們還不能確定她未來的收費政策,如果你對此項目感興趣,請到官方網(wǎng)站Typora.io申請公測。

評論 12 條
  • q

    列表標簽換行的時候有bug,經(jīng)??ㄋ馈1仨毻顺霾判?。

    2017-07-23 21:45 回復

    • 對對對

      1.2.3. 排序也這樣,唉

      2017-09-22 21:10 回復

  • Jason

    最新版的 Typora 支持拖拽上傳圖片至圖床了;是和 iPic 聯(lián)合工作的,傳圖非常方便。

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

    2016-11-21 10:24 回復

  • 張超

    剛剛開始使用中,試試效果如何

    2016-08-12 15:25 回復

  • 阿薩達斯

    鏈接跳轉(zhuǎn)呢

    2016-07-23 09:31 回復

    • 玩兒法

      鏈接已更新,直接指向官網(wǎng)下載鏈接。

      2016-07-23 12:09 回復

  • Dvel

    這是我目前最喜歡的markdown編輯器,沒想到frank一年前就推薦過了。。。

    2016-06-25 20:37 回復

  • v18

    mac版本中,這頁面怎么調(diào)大,顯示內(nèi)容,太小了,有時圖片或內(nèi)容放入其中,兩邊很多多余的空白區(qū)域,想讓文章展示的內(nèi)容向兩邊擴散,有什么辦法嗎?

    2016-05-25 17:28 回復

    • std::vector

      應(yīng)該是可以通過改主題的CSS實現(xiàn)的。但這是一個好的設(shè)計啊……行長過長不宜閱讀的。

      2017-07-14 16:46 回復

  • lovedebug

    比較喜歡這一類型的。謝謝啦

    2015-03-24 13:23 回復

  • goodbest

    看起來還不錯,感謝介紹

    2015-03-15 20:20 回復