Home > Code-Beautify-and-Syntax-Highlight

Code-Beautify-and-Syntax-Highlight

Code-Beautify-and-Syntax-Highlight is a project mainly written in JavaScript, it's free.

JSとHTMLなどのコード整形をするFirefox拡張。1. JavaScript Beautifier (jsbeautifier.org) 2. HTML beautify (Ham Cutlet) 3. Syntax Highlight (Google)

ソースコードを綺麗にする機能をコンテキストメニュー(右クリックメニュー)に3種類追加します。 (HTMLのpreかcode要素でコンテキストメニューを開いた場合のみ)

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

インストール方法: http://github.com/cherenkov/Code-Beautify-and-Syntax-Highlight/raw/master/js-beautify.xpi このxpiをダウンロード(名前を付けて保存する)した後、Firefoxに放り込んで下さい。

使い方: 例えば圧縮されたJSファイルをブラウザで開いて、読みやすく整形したい場合は、 http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js ページを開いて、コンテキストメニューの「JavaScript Beautifier」をクリックすると綺麗に整形されます。 続けて、コンテキストメニューの「Syntax Highlight」をクリックすればシンタックスハイライトが施されます。 同様にHTMLソースを表示したpreかcode要素で「HTML beautify」をクリックすると綺麗に整形されます。

他の利用シーンはブログに埋め込まれているpre要素を整形したりシンタックスハイライトしたり。

同梱したlib/beautify.jsとdata/prettify.jsのライセンスが不安です。 このままの形で公開してよさそうなのか分かる人は@cherenkovに教えて下さい。。

Previous:apis