もちっとメモ

もちっとメモ

もぐりのエンジニアが日々の中で試してみたことを気が向いたときに書き連ねていきます

HTMLにTexのシンタックスハイライトを付けてみた

こんな感じでHTMLに美しく美しく,Texコードを表示させたいコードを表示させたい.

f:id:T-N-Clark:20161029021328p:plain

さっそく,今回参考にしたページをば.

解説ページ

主観情報処理:Syntaxhighlighter関連Tips

latex用jsファイル

LaTeX for SyntaxHighligther 3 | DiGMi

Syntaxhilighterはすでに入れてあるので今回はlatex用jsファイルの組み込み方だけメモります.

上記のjsファイルダウンロード先ページの

You can find the brush here.

のところをクリックしてスクリプトを表示させる.スクリプトをコピーして”shBrushLatex.js”として保存する.解説ページに書いてありますが,このときスクリプト内の

var keywords ='if fi then elif else for do done until while break continue case function return in eq ne ge le';

の部分を変更してださい. あとは,HTMLファイルの<head>の部分にほかのSyntaxhilighterと同様に読み込めば使えます. 作業時間自体はSyntaxhilighterを入れたことがあるなら,10分もあればできます.