[關閉]
@ghosert 2014-11-02T14:42:51.000000Z 字數 2450 閱讀 5190

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

添加新批注
在作者公開此批注前,只有你和作者可見。
回復批注
彩票平台租一个月