使用方法

次のように空の <pre> 要素で data-src 属性を使用します

<pre data-src="myfile.js"></pre>

言語を指定する必要はありません。ファイルの拡張子によって自動的に判定されます。ただし、ファイルの拡張子から言語を判定できない場合やファイルの拡張子が正しくない場合は、言語を指定することもできます(通常のクラス名の方法)。

data-range 属性を使用してファイルから特定の行範囲のみを表示します

<pre data-src="myfile.js" data-range="1,5"></pre>

行は1から始まるので、"1,5" は1行目から5行目まで表示します。1行のみ(たとえば5行目の場合のみ"5")と開いている範囲(たとえば3行目から始まるすべての場合"3,")を指定することもできます。負の整数はn番目の最後の行を指定するために使用できます(例:-2番目の行の場合)。

data-range行番号プラグインと併用される場合、このプラグインは指定された範囲に応じて適切なdata-startを追加します。この動作は、data-start属性を手動で設定することでオーバーライドできます。

ファイルはXMLHttpRequestでフェッチされることに注意してください。これは、ファイルが別のオリジンにある場合、そのWebサイトでCORSが有効になっていない限り、フェッチは失敗することを意味します。

プラグインのJSコード



	

このページ



	

存在しないファイル



	

行番号付き、data-range="12,111"



	

詳細については、PrismのWebサイトを参照してください。ほとんどの大規模なコードサンプルは、実際にはこのプラグインによってフェッチされたファイルです。