50代から理数を学ぶ - ソースコードを Web サイト上で綺麗に表示するのは、結構たいへんそうだ

Home > ブログ > 時空解 > パソコンソフト関連 > ソースコードを Web サイト上で綺麗に表示するのは、結構たいへんそうだ

時空解さんの日記

2019

3月 11

(月)

09:06

ソースコードを Web サイト上で綺麗に表示するのは、結構たいへんそうだ

前の日記次の日記

カテゴリーパソコンソフト関連

本文

皆さん、おはようございます。時空解です。

昨日、Index の表示を昇順 ( 1 2 3 … n ) から降順 ( n n-1 n-2 … 1 ) に変更しました。そのためのソースコードをここに載せようと思ったのですが、ソースコードがエディタ上に表示されている形では見えないことが発覚しました。下記のタグを使ってもダメだったのです。

<pre><code>ここに載せたいソースコードを記述する</code></pre>

上記の表示も、実は HTML 特殊文字コードと呼ばれる文字を使わないと < とかが出て来ません。( XOOPS にはどうも自動でこのエスケープシーケンスに変換してくれる機能があるようです )

それで Web サイト上で綺麗に HTML や php のソースコードを表示する方法をググってみたところ、見付けました。

下記のような表示のある、ソースコードを掲載してあるサイト、時々見かけますよね。

これって、SyntaxHighlighter と呼ばれる javaScript ライブラリのようです。

でも、導入が面倒くさそうです。
このツールの使い方がかかれているサイトをちょっと覗いてみたのですが…例えば下記の２つ。
・行番号や各行背景色で見やすいソースコードビューライブラリ　SyntaxHighlighter
・SyntaxHighlighterの使い方

見て頂ければわかりますよね？　

長ったらしい。

それにローカルでまずは確認してから、次にサーバー上に移植と言う感じです。
( ざっと見ただけですから、まだハッキリとは分かりませんが )

こりゃ、導入するには１日掛かりそうです。また休日にやることが増えてしまった感じて気がめいります…。
来月には数学検定の試験があると言うのにねぇ。

では今日も１日の習慣を始めます。小さな一歩・挑戦を試みます。

応援してね。
千里の道も一歩から。そしてその道は登り坂です。ローマは１日にして成らず、です。

(ポチッとブログ村のバナーをクリックしてね）

「小さな習慣 ( 良い習慣化計画 ) 」の実施状況
★ 習慣作りのための、小さな課題	☆ 実施状況
２階に上り降り時、懸垂１回 (ボルダリングの体力獲得) 学習の気分転換	完全懸垂２回
そろばんの練習５問 (暗算の獲得) 数学の学習前	加減算できず乗算せず
数学の問題１問 (物理学の数式の理解力の獲得) ９０分	チャート式数学白II+B：できずチャート式数学青I+A：↑1 (p322) 数学の答え合わせは後でまとめてやる：機会なし 1.5時間机から離れず、パソコンの画面も見ずに数学の学習に取り組む：×
規則正しい生活基本習慣	昨日・寝床に入った時間：午前００時１０分今朝・７時に布団から出る：７時１８分朝 --- ブログの投稿 ---

閲覧(4575)

コメントを書く
コメントを書くにはログインが必要です。