ソースコードをHTMLで色分け表示

ブログにソースコードを載せるに当たって、色分けを気軽にできるようにwebアプリなんぞ組んでみました。組んだってゆーか、現存のライブラリを使ったので、組んだってレベルじゃないんですが^^;
使いたい人がいれば、どんぞー。

http://academic.meganebu.com/~tibra/script/single/color_code.php
http://timidity-f.vndv.com/script/single/color_code.php


GeSHiっていうライブラリ使ってます。
http://qbnz.com/highlighter/

行数表示はtableタグで区分けしてるだけです。CSS+JavaScriptで表示する方法が分からない人(自分)用。



他にブログでソースコードを色分けする方法として、JavaScriptでクライアント側で色分けする方法があるらしい。

dp.SyntaxHighlighter-コード表示に役立つJavaScript
http://weblibrary.s224.xrea.com/weblog/web20/blog/dpsyntaxhighlig.html

SHJS - Syntax Highlighting in JavaScript
http://shjs.sourceforge.net/
highlight.js
http://softwaremaniacs.org/soft/highlight/en/
関連記事

コメント

コメントの投稿

非公開コメント

このブログについて
□ ブログ内容
決まった趣旨はありません。
興味を持ったこと・日常で行ったことを何でも書きます。

3DCG・プログラミングなどが多めです。

□ 現在の活動
・ウェブサイト制作
 (http://tiblab.net)
・3Dゲーム制作
 (コックパニック)
検索フォーム
ユーザータグ

Blender キャプチャ blendファイル BGE Python GameEngine ムービー Android CG  Red5 Terragen C# C++ 

カテゴリー
プロフィール

TiBra

Author:TiBra
趣味でCG制作、プログラミング等を行っています。メイカーズに憧れています。

ネットを通じた交流を広げたく思っていますので、コメント・メールはお気軽にどぞー

戯言程度のことは、こちらのブログに投稿しています。基本戯言なので、実質移転しているようなものです。

Mail:tibraあっとlive.jp
HP:TibLabmemocode
動画:VimeoFC2動画ニコニコ
ファイル:SkyDrive
企画:3Dゲーム作業実況

Blogリンク
不都合がございましたらご連絡ください。
当ブログのリンクバナー
FC2 ID
FC2カウンター
RSSフィード+解析コード