Revisions - HimeWikiCode
@@ -1,25 +1,30 @@
-HimeWikiでは、プログラムのコードを表示できるようにすることは重要です。[[プログラミング]]の話題も多く取り扱いたいと考えています。
+HimeWikiでは、プログラムのコードを表示できることが重要です。
+[[プログラミング]]の話題も多く取り扱いたいと考えています。
+基本的には、HTMLの<pre>タグを使用して表示できます。
-基本的には、HTMLの<pre>タグを使用して表示することが可能です。
+最近では、コードを視覚的にわかりやすくするために色付けが行われています。
+HimeWikiでは、HighlightJsというツールを使用してコードに色を付けています。
+これはブラウザで動作し、様々なコードを自動で認識できます。
+サーバへの負担が少ない点も利点です。
-最近では、コードを視覚的にわかりやすくするために、色付けが行われています。HimeWikiでは、HighlightJsというツールを使用して、コードに色を付けています。これはブラウザで動作し、様々なコードを自動で認識することができます。サーバへの負担が少ない点も利点です。
+ただし、テキストブラウザでは色が付けられないことがあります。
+これはJavaScriptが動作しないためです。
+しかし、コードそのものも十分に機能的です。
-ただし、テキストブラウザでは色が付けられないことがあります。これはJavaScriptが動作しないためです。しかし、コードそのものも十分に機能的です。
-
-また、デフォルトでは<pre>タグ内の長い行がウィンドウの端からはみ出し、横スクロールが必要になることがあります。これを防ぐために、CSSで折り返しを設定することが推奨されます。
+また、デフォルトでは<pre>タグ内の長い行がウィンドウの端からはみ出し、横スクロールが必要になることがあります。
+これを防ぐために、CSSで折り返しを設定することが推奨されます。
以下に設定例を示します。
-{{{
-pre {
- white-space: pre-wrap;
- word-wrap: break-word;
- overflow-x: auto;
-}
+ pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ overflow-x: auto;
+ }
-}}}
+現在、コードブロックは実装済みですが、インラインのコードはまだ実装されていません。
+後日の実装を検討しています。
-現在、コードブロックは実装済みですが、インラインのコードはまだ実装されていません。後日、実装予定です。
-
-さらに、現在はHighlightJsのJavaScriptコードとCSSファイルを[[CDN]]から取得していますが、安全性やインターネット非接続環境での使用を考慮し、必要なファイルをローカルから取得できるようにすることが望ましいです。ローカルファイルを参照する仕組みを整備してから対応します。
+さらに、現在はHighlightJsのJavaScriptコードとCSSファイルを[[CDN]]から取得していますが、安全性やインターネット非接続環境での使用を考慮し、必要なファイルをローカルから取得できるようにすることが望ましいです。
+ローカルファイルを参照する仕組みを整備してから対応します。
@@ -1 +1,25 @@
+HimeWikiでは、プログラムのコードを表示できるようにすることは重要です。[[プログラミング]]の話題も多く取り扱いたいと考えています。
+
+基本的には、HTMLの<pre>タグを使用して表示することが可能です。
+
+最近では、コードを視覚的にわかりやすくするために、色付けが行われています。HimeWikiでは、HighlightJsというツールを使用して、コードに色を付けています。これはブラウザで動作し、様々なコードを自動で認識することができます。サーバへの負担が少ない点も利点です。
+
+ただし、テキストブラウザでは色が付けられないことがあります。これはJavaScriptが動作しないためです。しかし、コードそのものも十分に機能的です。
+
+また、デフォルトでは<pre>タグ内の長い行がウィンドウの端からはみ出し、横スクロールが必要になることがあります。これを防ぐために、CSSで折り返しを設定することが推奨されます。
+
+以下に設定例を示します。
+{{{
+
+pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ overflow-x: auto;
+}
+
+}}}
+
+現在、コードブロックは実装済みですが、インラインのコードはまだ実装されていません。後日、実装予定です。
+
+さらに、現在はHighlightJsのJavaScriptコードとCSSファイルを[[CDN]]から取得していますが、安全性やインターネット非接続環境での使用を考慮し、必要なファイルをローカルから取得できるようにすることが望ましいです。ローカルファイルを参照する仕組みを整備してから対応します。
