该插件将自动处理丢失的语法并加载它们。为此,你需要提供一个指向全部需要的语法的目录的 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 将使用自动加载器自动加载丢失的语言。
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;
}
```