SBB SHITBRAIN BLOG

当コンテンツご覧いただくためには[最新版のAdobe Flash Player]のプラグインが必要です。
プラグインをお持ちでない方は[アドビ システムズ社のサイト]からダウンロードしてください。
また、当サイトでは、JavaScriptを使用しています。
ご覧になる際には、ブラウザの設定でJavaScriptを有効にしてください。

  • Prev
  • Home
  • Next

GeSHi

2009.03.18.23:35

コードシンタックスをハイライトさせる
phpのGeSHiを導入してみる。

SBBでコードシンタックスをハイライトさせたいと思い、
jsのライブラリとか考えたけど、ロード時に他でもjsを使っていて、
ヤマが「ハイライトはさせたいけど、ロードの負荷を軽減したい」ってんで
GeSHiを使う事にした。

が、MTのエントリーにphpのコードを毎回書くのは面倒なので
コンバートしてくれるMTのプラグインとか探してみたけど、
発見出来なかったので、プラグインを書く事にした。

それで、出来たのが、
たとえば

<geshi lang="言語を書く">
ここにコードを書く
</geshi>

と、エントリーに書くと、その部分をphpのコードに変換するというもの。

試しにphpでHello world!を書いてみると

  1.  
  2. <?php
  3. //php の Hello world!
  4. $hello = "Hello ";
  5. $world = "world!";
  6. if($hello && $world) {
  7. print $hello . $world;
  8. }
  9. ?>
  10.  


試しにas3でHello world!を書いてみると

  1.  
  2. package
  3. {
  4. import flash.display.Sprite;
  5. import flash.text.TextField;
  6.  
  7. /**
  8. * ...
  9. * @author kaminaly
  10. */
  11. public class DocumentClass extends Sprite
  12. {
  13. public function DocumentClass()
  14. {
  15. var textfield:TextField = new TextField();
  16. textfield.text = "Hello world!";
  17. addChild(textfield);
  18. }
  19. }
  20. }
  21.  


こんな感じになった。

■現状の問題点とTODO
とりあえずだから、背景のスタイルもないし、
行番号もないのでその辺を整備。

ここまで作ってなんだけど、MTにHTMLのフォーマットをまかせると
<p>や<br />がコード混入にして、レイアウトが崩れるので、
改行などのHTMLを手打ちしなければいけない。(超面倒!!)

ADD YOUR COMMENT

Back To Page Top

ABOUT THIS SITE

このサイトは、Web制作会社 SHIFTBRAINのスタッフによる、日々の出来事を綴っていくBlogサイトです。
弊社の雰囲気を感じ取って頂けると幸いです。

CONTACT US SHIFTBRAIN
Design studio in tokyo japan
URL:http://www.shiftbrain.co.jp/
E-mail: contact@shiftbrain.co.jp
FEEDS
RSS
COPYRIGHT
© SHIFTBRAIN All Rights Reserved.