Improvements on code editor

We have some improvements on code editor/viewer.

  • Support syntax highlight and auto indentation of JSX, CoffeeScript, and LESS.
  • Code Folding
  • Search/replace

Press ctrl-q or click on the gutter to fold a block, again to unfold.

Search/replace keybindings are:

Ctrl-F / Cmd-F
Start searching
Ctrl-G / Cmd-G
Find next
Shift-Ctrl-G / Shift-Cmd-G
Find previous
Shift-Ctrl-F / Cmd-Option-F
Replace
Shift-Ctrl-R / Shift-Cmd-Option-F
Replace all

editor_improvements.png

コードエディター/ビューアーの機能をいくつか改善しました。

  • JSX, CoffeeScript, and LESS のシンタックスハイライトとインデントに対応しました
  • コードの折りたたみ
  • 検索/置換

ブロックを折りたたむには ctrl-q を押すか左の数字のところをクリックしてください。もういちどやると戻ります。

検索/置換のキーバインドは以下の通りです。

Ctrl-F / Cmd-F
検索開始
Ctrl-G / Cmd-G
次を探す
Shift-Ctrl-G / Shift-Cmd-G
前を探す
Shift-Ctrl-F / Cmd-Option-F
置換
Shift-Ctrl-R / Shift-Cmd-Option-F
全て置換

editor_improvements.png