March 22, 2014

ブログにソースコードを書く時に使う、Chrome用エスケープツールを(結構前に)作りました

ブログにソースコードを書く時、HTMLタグはそのままは書けませんし、タブや連続する半角スペースは、記事として表示した時にインデントが崩れたりします。

なので、HTMLタグをエスケープしたり、タブや半角スペース x 4 を"    "に置換するChrome用エクステンションをこっそり作って使っていますw

前に書いた気もしますが、書いていない気もするので、改めて(?)書いておきます。

一式、以下に置いてあります。ストアには登録してませんm(_ _)m
https://github.com/mamor/escaper


1. git cloneなりzipでDLするなりで、適当な場所に保存します。
2. クロームの拡張機能設定でデベロッパーモードにチェックを入れます。
3. "パッケージ化されていない拡張機能を読み込む..." から、保存したソース一式のルートを指定します。(manifest.jsonがある場所です。)

すると、真っ白な正方形アイコン(手抜き)がクロームの右上に出てきます。真っ白な正方形アイコン(手抜き)をクリックして、ソースコードを貼り付けて "Escape & Copy to Clipboard" を押すと、エスケープしつつクリップボードに貼り付けられます。

良かったら使ってみてください。


No comments:

Post a Comment