2017/11/01(水) [n年前の日記]
#3 [hns] この日記ページでLua言語の色分け表示ができるように指定
この日記ページにプログラムソースを貼り付けて表示する際は、SyntaxHighlighter を使わせてもらっているのだけど。
_SyntaxHighlighter
Lua言語には対応してないわけで。対応させる方法はないのかなと。
色々ググってみたら、以下の記事で公開されてるファイルを使えば対応できるらしいと知り、試しに導入。
_SyntaxHighlighter Evolved Brush for other languages - mikrom
syntaxhighlighter-evolved-lua-brush.zip をDLして解凍。中に shBrushLua.js が入ってるので、scripts ディレクトにコピー。
hns の theme.ph を編集。以下を追加。
以下で公開されてる版でも動いてくれた。おそらく韓国の方が公開してるのかな…。
_SyntaxHighlighter 3.0.xx , lua brush shBrushLua.js
他にも色んな版を見かけたけど、どうも SyntaxHighlighter のバージョンによって使えるファイルが違うようで。他の scripts/shBrush*.js の中身を眺めて、似たような記述がされてるファイルを探さないといかんらしい。
_SyntaxHighlighter
Lua言語には対応してないわけで。対応させる方法はないのかなと。
色々ググってみたら、以下の記事で公開されてるファイルを使えば対応できるらしいと知り、試しに導入。
_SyntaxHighlighter Evolved Brush for other languages - mikrom
syntaxhighlighter-evolved-lua-brush.zip をDLして解凍。中に shBrushLua.js が入ってるので、scripts ディレクトにコピー。
hns の theme.ph を編集。以下を追加。
<script type="text/javascript" src="scripts/shBrushLua.js"></script>
以下で公開されてる版でも動いてくれた。おそらく韓国の方が公開してるのかな…。
_SyntaxHighlighter 3.0.xx , lua brush shBrushLua.js
他にも色んな版を見かけたけど、どうも SyntaxHighlighter のバージョンによって使えるファイルが違うようで。他の scripts/shBrush*.js の中身を眺めて、似たような記述がされてるファイルを探さないといかんらしい。
◎ Autoloaderが動かない。 :
以下によると、Autolaoder なる機能があるらしいけど。
_【Javascript】SyntaxHighlighter 3.0 の新機能と注意点 | blog.remora.cx
ローカルで試してみたけど、動かない…。
ググってみたら、以下の記事で説明が。
_SyntaxHighlighter（Ver3.x）の導入方法 | Sabakura Blog
そういうことだったのか…。window.onload を使う形に書き換えてみたら動いてくれた。助かった。
_【Javascript】SyntaxHighlighter 3.0 の新機能と注意点 | blog.remora.cx
ローカルで試してみたけど、動かない…。
ググってみたら、以下の記事で説明が。
_SyntaxHighlighter（Ver3.x）の導入方法 | Sabakura Blog
SyntaxHighlighterは、ページ読み込み後に動作させないと上手く機能しません。そのため、フッター部で読み込ませるか、もしくはヘッダ部に記述する場合は、window.onloadを使う必要があります。
そういうことだったのか…。window.onload を使う形に書き換えてみたら動いてくれた。助かった。
[ ツッコむ ]
以上です。