如何使用

该插件将自动处理丢失的语法并加载它们。为此,你需要提供一个指向全部需要的语法的目录的 URL。这可以是本地目录(放置全部语法的目录)的路径或 CDN URL。

你可以单击以下链接下载全部可用语法.
另外,你也可以克隆 GitHub repo 并从那里获取 components 文件夹。参阅我们的 使用方法部分 以便使用 CDN。

你然后可以从 下载 页面下载 Prism 核心和全部插件,无需检查任何语言(或仅检查想默认加载的语言,例如,如果你经常使用一门语言,你可能想保存额外 HTTP 请求)。

可以通过配置对象 Prism.plugins.autoloader 使用更多其他选项。

指定语法路径

默认情况下,该插件将在 components 文件夹中查找丢失的语法。如果你的文件在其他位置,你可以使用 languages_path 选项指定该位置

Prism.plugins.autoloader.languages_path = 'path/to/grammars/';

注意: 自动加载器非常擅长猜测该路径。你很可能无需更改该路径。

使用开发版本

默认情况下,该插件使用语法的缩小版本。如果你想改用开发版本,你可以将 use_minified 选项设为 false

Prism.plugins.autoloader.use_minified = false;

指定额外依赖项

全部默认依赖项已包含在该插件中。然而,在某些情况下,你可能想为特定代码块加载额外依赖项。要这么做,只需在 <code><pre> 标记中添加一个 data-dependencies 属性,其中包含以逗号分隔的一系列语言别名。

<pre><code class="language-pug" data-dependencies="less">
:less
	foo {
		color: @red;
	}
</code><pre>

强制重新加载语法

该插件通常在语法已存在时不重新加载语法。但在某些非常特定情况下,你可能想这么做。如果你在 data-dependencies 属性中的别名后添加感叹号,则会重新加载此语言。

<pre class="language-markup" data-dependencies="markup,css!"><code>

示例

注意:默认情况下不会在此页面中加载任何语言。

与一些 Perl 代码的基本用法

my ($class, $filename) = @_;

与 TypeScript 的 ts 的别名支持

const a: number = 0;

Pug 中使用的 Less 筛选器

:less
	foo {
		color: @red;
	}

Markdown

Markdown 将使用自动加载器自动加载丢失的语言。

The C# code will be highlighted __after__ the rest of this document.

```csharp
public class Foo : IBar<int> {
	public string Baz { get; set; } = "foo";
}
```

The CSS code will be highlighted with this document because CSS has already been loaded.

```css
a:hover {
	color: green !important;
}
```