Skip to content

cherenkov/Code-Beautify-and-Syntax-Highlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ソースコードを綺麗にする機能をコンテキストメニュー(右クリックメニュー)に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に教えて下さい。。

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published