// you’re reading...

design tech

syntaxhighlighterを入れてみる

大分前からいろいろなところで見かけるsyntaxhighlighterを入れてみた。

これがあるとソースコードなど、番号表示も見やすいし、なによりコピりたいときなどview plainをクリックすれば別窓が開いて容易にコピーもできます。

http://code.google.com/p/syntaxhighlighter/

<div id="listmenu">
<ul>
<li><a href="#">source no.1</a></li> <li><a href="#">source no.2</a></li>
<li><a href="#">source no.3</a></li> <li><a href="#">source no.4</a></li>
</ul>
</div>

なおかつ色々な言語のタグを色分けしてくれて表示してくれるのでこちらも便利です。class内に下記の指定をすることによってboldで表記されます。

Language Aliases
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

基本的な表記方法はこちらにありますのでご確認ください。

Share on Facebook
このエントリーをはてなブックマークに追加
はてなブックマーク - syntaxhighlighterを入れてみる
Bookmark this on Delicious

Discussion

No comments yet.

Post a comment

Photos on flickr

3S-Twitter