gehi(ソースコードハイライト）プラグインについて のバックアップ差分(No.1)

  • 追加された行はこの色です。
  • 削除された行はこの色です。
*概要 [#y5695158]

プログラムソースコードを整形、色分けして表示するプラグインです。
（プラグイン内部で[[Geshi>http://qbnz.com/highlighter/index.php]]を使用しています）

*使い方 [#h482fea2]
 #div(language,number){{
 ソースコード
 ・
 ・
 ・
 }}

**div オプションについて [#o7502e66]
-language=プログラム言語（php,pythonなど）
対応言語はGeshiにてご確認下さい。
-number=行番号の表示/非表示
デフォルトは非表示です。number または number=true とすることで行番号を表示します。

*使用例 [#x1f0a509]
PHPのソースコードを行番号付きで表示します。
 #geshi(php,number){{
    <?php
      //テスト
      echo 'test';
      print('test'.$x);
      public function abc($arg1,$arg2){
        $num = 100;
        /* comment
        comment line1
        comment line2 */
        preg_match('/[0-9]+/',$string,$matches);
        echo 'hello world';
      }
    ?>
 }}
#geshi(php,number){{
<?php
  //テスト
  echo 'test';
  print('test'.$x);
  public function abc($arg1,$arg2){
    $num = 100;
    /* comment
    comment line1
    comment line2 */
    preg_match('/[0-9]+/',$string,$matches);
    echo 'hello world';
  }
?>
}}

*表示内容のカスタム設定について [#zbcebb20]
言語ごとにCSSを定義して表示をカスタマイズすることが可能です。

設定ファイルは「geshi/言語名」の文書を作成し、そこに希望のCSSを記載してください。
下記のサンプルはPHP用のカスタム設定の例です。
サンプルのphpとなっている部分を他の言語に置き換えることで、希望の言語の設定ファイルとして利用することが可能です。

個々のキーワードやコメント等の配色は、Geshiのドキュメントや生成されるHTMLのclassからセレクタを判断の上、適宜設定を行ってください。

**例）geshi/php [#q223c808]
 /* ソースコードの部分の背景色 */
 pre.geshi.php,
 pre.geshi.php li {
     font-family:monospace;
     background: #f0f0f0;
     color: #0000bb;
 }
 
 pre.number.php ol{
     background: #e0e0e0;  /* 行番号の背景色 */
 }
 
 /* ボーダーや位置を微調整 */
 pre.geshi.php li {
     margin: 0;
     margin-left: 3.5em;
     padding: 0 0.5em;
     border-left: solid 1px #bbb;
 }

 /* キーワード */
 pre.php.geshi span.kw1 {
   color: #007700;
 }
 pre.php.geshi span.kw2 {
   color: #007700;
   font-weight: normal;
 }
 pre.php.geshi span.kw3 {
   color: #0000bb;
 }
 
 /* コメント */
 pre.php.geshi span.co1 {
   color: #ff8800;
   font-weight: normal;
 }
 pre.php.geshi span.co2 {
   color: #ff8800;
   font-weight: normal;
 }
 pre.php.geshi span.coMULTI {
   color: #ff8800;
   font-weight: normal;
 }
 
 /* その他 */
 pre.php.geshi span.st_h {
   color: #dd0000;
 }
 pre.php.geshi span.num0{
   color: #0000bb;
 }
 
 pre.php.geshi span.br0 {
   color: #007700;
 }
 
 pre.php.geshi span.sy0{
   color: #66cc66;
 }

*当プラグインについて [#oeb31f90]
このプラグインはrevulo様が作成、[[sonots>http://pukiwiki.sonots.com]]様が機能追加した[[geshi.inc.php>http://pukiwiki.sonots.com/?Old%2FHack%2Fgeshi.inc.php]]を一部修正して使用しております。