『prism-tyranoscript.js』は、JSライブラリ『Prism.js』と組み合わせてティラノスクリプトのコードをシンタックスハイライトするための拡張ファイルです。ブログなどにティラノスクリプトのコードを貼りたいときにご活用いただけます。
Prism.jsの本体(prism.jsとprism.css)はこちらからダウンロードできます。prism.jsの言語パッケージにはJavaScriptとHTMLを含める必要があります。
Prism.jsの拡張ファイルであるprism-tyranoscript.jsはこちらからダウンロードできます。なお、圧縮版であるprism-tyranoscript.min.jsも同梱されています。prism-tyranoscript.jsの代わりにこちらを使用することもできます。
prism.js、prism.css、prism-tyranoscript.jsを読み込みます。prism-tyranoscript.jsはprism.jsよりも後に読み込む必要があります。
あとはハイライトしたいスクリプトを<pre><code>の中に埋め込んで、<pre>にlanguage-tyranoscriptクラスを付けるだけです。
すると、埋め込んだスクリプトが次のようにハイライトされます。
Prism.jsの詳しい使い方を知りたい方は、ネットでPrism.jsの解説記事を検索してみてください。
Prism.jsの使い方!シンタックスハイライトにおすすめ |
でざなり
https://dezanari.com/prismjs/