コードに色をつける bookmarkletcode coloring bookmarklet
コードに色づけ Firefox でしか試してません。Opera ではもしかしたら動くかもしれないけれど、IE では絶対動きません。コアな部分 (つまりコードをマークアップするとこ) はブラウザにあんまり依存しないみたいなので、ブックマークレット化する部分をクロスブラウザすれば OK だけど面倒臭い。
- ブックマークレット起動
- 色づけしたいテキストをクリック (カーソルが I ビームになるとこ)
- プロンプトに使用するシンタックスを入力。
ECMAScript, Ruby, Lisp, XML, CSS, PHP, Io, Perl が適当に色づけ可能だと思うけど Perl はよく知らないし、Lisp はそもそもキーワード的なものがないので微妙。Javascript も JScript も ActionScript でも ECMAScript のスーパーセットである限りは ECMAScript でそこそこ色づけできるはず。HTML も XML でソレっぽくなるはず。
このスクリプトは少なくともコード部だけは独立してマークアップされてる必要があります。
<p>ほげほげ</p> <pre>code</pre> <span>code</span> <code>code</code> <p class="foo">code</p>
上のは OK. 下のは NG
<p>ほげ<em>ほげ</em>うげ code</p>
子要素を持った要素は無理 (テキストノードに兄弟要素があるとダメ) ってことっす。
巨大なコードをやると死ぬかも。でも俺は謝らない。
Opera で一応動くように修正。リンクに %22 とか含まないようにしたのと、中途半端な IE 対策 (コピペなので) を削除。
関連エントリー
- script on IE IE で script 要素を書くと全くレンダリングされないのだけれど、どうしてだろう? もちろん Gecko と Opera なら大丈夫だ...
- 似非 xml-mode in textarea 制限つきながら、IE でも動くように。閉じタグ補完とかだけ。 Ajax による Full IME のコードをパクっています。 keypres...
- pre, code の色づけ Color code のリファクタリング (というほどでもない) やっぱり遅いので処理を見直し。なんだけどあんまりできそうなところがなかった...
- 暇つぶし。色、いろいろ 色 : ランダムにてきとーな色を発生させるだけのブックマークレット。長時間連打すると眼が疲れる。Firefox でしか見てない。 さぁ! こ...
- MT のテンプレートをインポートする。 ごちゃごちゃやる用事があって MT を使っているのだけど、テンプレートを一括して作ってある場合インポートするのがひどく面倒くさいのでスクリプ...