{{insert CardForm/LayoutTemplateHeader}}
!!!dp.SyntaxHighlighter でソースコードに色付け
*投稿者： KG
*カテゴリ： 装飾
*状態： 提案
*日時： 2007/04/15-22:49:56
//〜本文の開始〜（この行は削除しないでください）
!!内容
==[dp.SyntaxHighlighter|http://www.dreamprojections.com/SyntaxHighlighter/]==
[dp.SyntaxHighlighter|http://code.google.com/p/syntaxhighlighter/]
を利用してソースコードに色付けを行えます。
::注意事項
*このプラグインを利用するには ==2007/04/16== 2008/02/29 以降の[[レイアウトプラグイン|FSWikiPlugin:286]]が必要です。
==※公式サイトアクセス不能な為一時的に[[こちら|FSWiki/Plugins/layout]]にて公開しています。==
復活したようです。。。(2007/04/17-13:50)
!!使用方法
==[dp.SyntaxHighlighter|http://www.dreamprojections.com/SyntaxHighlighter/]==
[dp.SyntaxHighlighter|http://code.google.com/p/syntaxhighlighter/]
をダウンロードして、アーカイブファイル中のファイルを以下の指定に従って展開します。
dp.SyntaxHighlighter/Scripts/*.js => $WIKI_HOME/layout/scripts/*.js
dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css => $WIKI_HOME/layout/styles/SyntaxHighlighter.css
ディレクトリ構成は以下のようになります。(追記:2009/06/23)
./wiki.cgi
├：
├layout/
│ ├scripts/
│ │├shCore.js
│ │└*.js
│ └styles/
│ └SyntaxHighlighter.css
├tmpl/
： └layout/
├ code.tmpl
：
また、Perl用の JavaScriptファイルは以下のところから取得します。
* [shBrushPerl.js|http://www.fayland.org/journal/SyntaxHighlight/shBrushPerl.js]
Perl用スタイル設定は以下のものを利用します。
上記のSyntaxHighlighter.cssに追加して利用します。
{{@pre
.dp-pl {}
.dp-pl .comment { color: green; }
.dp-pl .string { color: #FF6600; }
.dp-pl .keyword { color: blue; font-weight: bold;}
.dp-pl .builtins { color: #ff1493; }
.dp-pl .commonlibs { color: #8A2BE2; font-style: italic; }
.dp-pl .op { color: red; }
}}
記述方法は以下の通りです。
{{layout code,(c#|css|c|delphi|java|js|php|python|perl|ruby|sql|vb|xml)[,firstline:開始番号][,collapse][,showcolumns][,nogutter][,rows:行][,cols:列]
〜ソース〜
}}
管理画面の「プラグイン別名の設定」を利用した簡易的な利用方法
別名：@code
プラグイン名：layout
パラメータ：code
この時の指定方法
{{@code (c#|css|c|delphi|java|js|php|python|perl|ruby|sql|vb|xml)[,firstline:開始番号][,collapse][,showcolumns][,nogutter][,rows:行][,cols:列]
〜ソース〜
}}
!!ダウンロード
* {{ref code.tmpl,,,lastmodified}}
!!更新履歴
::2007/04/15
* 新規作成
::2008/02/29
* レイアウトプラグイン最新版に伴う修正
::2013/03/25
* 本文中の dp.SyntaxHighlighter のリンク先を変更
//〜本文の終了〜（この行は削除しないでください）
!!コメント
*素晴らしいプラグインなので利用したいのですが，導入してもそれらしい挙動を示してくれません．（textareaが表示されるのみ．apacheやff3エラーコンソールへのエラー出力無し．）よければ，動作確認が取れている組み合わせ（fswikiやSyntaxHighlighterのバージョン）など教えて頂けないでしょうか． - TGBT (2009/06/17-13:49:03)
*多分、*.js, SyntaxHighlighter.css ファイルへのアクセス権限が無いのではないでしょうか？ 各ファイルのＵＲＬを直接アドレスに入力してアクセス可能かどうか確認してみてください。 - KG (2009/06/18-02:22:43)
*返事が遅れてしまいました．アクセス権限については，真っ先に疑って読めることを確認しております．ちなみに現在テストに使っている環境はFreeBSD7R,fswiki3.6.1,SyntaxHighlighter 1.5.0です． - TGBT (2009/06/22-10:36:14)
*先ほど WinXP + ActivePerl5.8.8+fswiki 3.6.3+Syntaxhighlighter1.5.1 でテストしましたが、動作確認とれました。ちなみに、SyntaxHighlighter2..0系では動作不可です。多分1.5系まではこのテンプレートで対応できるはずです。 - KG (2009/06/22-11:56:34)
*配置されるファイルのディレクトリ構成を追記しておきました。参考にしてみてください。 - KG (2009/06/23-15:01:38)
*参考資料ありがとうございます．情けない話ですが，インストールは正しくできていて，C言語の色づけがうまくいっていないだけだったようです．同じ色づけルールを使っているc#が正しく動くので気持ちが悪いですが……．何はともあれありがとうございました． - TGBT (2009/07/08-15:31:26)
{{comment}}
----
{{cardform CardForm/LayoutTemplateModify,CardData/LayoutTemplate,CardData/LayoutTemplate/8}}
{{insert CardForm/LayoutTemplateFooter}} |
