【JS】シンタックスハイライトPrism.jsの使い方 – niwaka-web

ウェブサイトの中でソースコードを表示したいときに使うシンタックスハイライトとしてPrism.jsを選んだのでその使い方の覚書です。 選んだ理由は、有名なCrayon Syntax Highlighterとより軽いらしいというそんな安易な理由です。 サイトを開いたら右上のdownloadボタンを押してダウンロードページへ。 圧縮ファイルか非圧縮ファイルかの選択 まずは、圧縮ファイルか非圧縮ファイルかの選択。 特にデータを触る予定がなければ、圧縮ファイルを選択した方がデータが軽いのでニワカは圧縮ファイルを選択しました。 テーマ（シンタックスハイライトの見た目）を選択 続いて、テーマ（シンタックスハイライトの見た目）を選択します。 現状、「Default」「Dark」「Funky」「Okaidia」「Twilight」「Coy」「Solarized Light」の7種類があり、画面右側の円ボタン