prism-tyranoscript.js

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/

いろんなハイライトの例