方法

使用 data-src 属性并 <pre> 元素为空时,请如此

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

您不需要指定语言,它由文件扩展名自动确定。但是,如果无法从文件扩展名确定语言,或者文件扩展名不正确,则也可以指定语言(使用通常的类名方式)。

使用 data-range 属性仅显示文件中的选定行范围,请如此

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

行从 1 开始,因此 "1,5" 将显示包括第 1 行到第 5 行在内的所有行。还可以仅指定一行(例如 "5" 仅适用于第 5 行)和开放范围(例如 "3," 适用于从第 3 行开始的所有行)。负整数可用于指定第 n 行,例如 -2 表示倒数第 2 行。

data-range行号插件 结合使用时,这个插件会根据指定范围添加适当的 data-start。可以通过手动设置 data-start 属性来覆盖此行为。

请注意,这些文件是通过 XMLHttpRequest 获取的。这意味着如果文件来自不同的来源,则获取它将会失败,除非该网站上启用了 CORS。

实例

插件的 JS 代码



	

此页面



	

不存在的文件



	

带行号,且 data-range="12,111"



	

有关更多示例,请浏览 Prism 网站。大多数大型代码示例实际上是使用此插件获取的文件。