コード整形とシンタックスハイライトするjetpackを作った

実は、第1回浜松ウェブAPIハッカソンをガッツリ見学してきた - Cherenkovの暗中模索にっき には心残りがありました。
それは、朝までかけて作ったJetpackを発表しそこねた事。
事前に何も言ってなかったし、見学組だし、主張しなかったし。
宣伝するいい機会だったのに、Jetpackerのみんなすまねぇ。
という訳で、この場を借りて(?)ベータをリリースしてみる。


cherenkov's Code-Beautify-and-Syntax-Highlight at master - GitHub
主な機能は3つ。

  1. JavaScript Beautifier (jsbeautifier.org) - JSコード整形
  2. HTML beautify (Ham Cutlet) - HTMLコード整形
  3. Syntax Highlight (google-code-prettify) - シンタックスハイライト

使い方はREADMEを読んでください。

関連するつぶやき

メモ

  • 基本の処理はここから。lib/main.js at master from cherenkov's Code-Beautify-and-Syntax-Highlight - GitHub
  • シンタックスハイライトしてからコード整形すると表示がおかしくなる。その際はリロードして順番を変えてやり直してください。
  • ハムカツAPIは非公式なやつを叩いている。ページ単位ではなくソース単位で整形したかったため。
  • ハムカツには限界がある。(googleのトップページとか)
  • http://github.com/einars/js-beautify にbeautify-html.jsがあるがハムカツとの比較などはまだやっていない。
  • xpiの名前変えたいのだけどよくわからん。パッケージフォルダ名とpackage.jsonを書き換えて同名にしてもcfx xpiでエラーでる。
  • githubのrawとかそのへんのサイトのJSをブラウザで開いたときにこれを使う。超便利!