Skip
Cancel
Edit - 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]]から取得していますが、安全性やインターネット非接続環境での使用を考慮し、必要なファイルをローカルから取得できるようにすることが望ましいです。 ローカルファイルを参照する仕組みを整備してから対応します。