HimeWikiCode

HimeWikiでは、プログラムのコードを表示できることが重要です。
[[プログラミング]]の話題も多く取り扱いたいと考えています。
基本的には、HTMLの<pre>タグを使用して表示できます。

最近では、コードを視覚的にわかりやすくするために色付けが行われています。
HimeWikiでは、HighlightJsというツールを使用してコードに色を付けています。
これはブラウザで動作し、様々なコードを自動で認識できます。
サーバへの負担が少ない点も利点です。

ただし、テキストブラウザでは色が付けられないことがあります。
これはJavaScriptが動作しないためです。
しかし、コードそのものも十分に機能的です。

また、デフォルトでは<pre>タグ内の長い行がウィンドウの端からはみ出し、横スクロールが必要になることがあります。
これを防ぐために、CSSで折り返しを設定することが推奨されます。

以下に設定例を示します。

 pre {
 	white-space: pre-wrap;
 	word-wrap: break-word;
 	overflow-x: auto;
 }

現在、コードブロックは実装済みですが、インラインのコードはまだ実装されていません。
後日の実装を検討しています。

さらに、現在はHighlightJsのJavaScriptコードとCSSファイルを[[CDN]]から取得していますが、安全性やインターネット非接続環境での使用を考慮し、必要なファイルをローカルから取得できるようにすることが望ましいです。
ローカルファイルを参照する仕組みを整備してから対応します。