SyntaxHighlighter的配置方法有哪些

SyntaxHighlighter 是一个用于代码高亮的 JavaScript 库，它可以将代码转换成具有丰富语义的彩色文本。以下是一些常见的配置方法：

1. 基本配置

在初始化 SyntaxHighlighter 时，你可以传递一个配置对象来定义高亮选项。例如：

var sh = new SyntaxHighlighter({
    mode: 'javascript',
    theme: 'default'
});
sh.highlight();

在这个例子中，mode 属性指定了要高亮的代码类型（例如 ‘javascript’, ‘css’, ‘html’ 等），theme 属性指定了要高亮的颜色主题（例如 ‘default’, ‘monokai’, ‘solarized’ 等）。 2. 自定义主题

如果你想要使用自定义的主题，你可以创建一个包含颜色定义的对象，并将其传递给 theme 属性。例如：

var customTheme = {
    'keyword': 'red',
    'string': 'green',
    'comment': 'blue',
    // ... 其他颜色定义
};

var sh = new SyntaxHighlighter({
    mode: 'javascript',
    theme: customTheme
});
sh.highlight();

在这个例子中，我们定义了一个包含颜色定义的 customTheme 对象，并将其传递给 theme 属性。然后，SyntaxHighlighter 将使用这些自定义颜色来高亮代码。 3. 插件配置

SyntaxHighlighter 还支持插件扩展，你可以通过配置插件来添加额外的功能。例如，你可以使用 SyntaxHighlighter.plugins.HighlightIframe 插件在高亮代码的 iframe 中显示源代码：

var sh = new SyntaxHighlighter({
    mode: 'javascript',
    theme: 'default',
    plugins: [
        SyntaxHighlighter.plugins.HighlightIframe
    ]
});
sh.highlight();

在这个例子中，我们将 HighlightIframe 插件添加到配置对象中，以便在高亮代码的 iframe 中显示源代码。

需要注意的是，具体的配置选项可能会因 SyntaxHighlighter 的版本而有所不同。因此，建议查阅你所使用的 SyntaxHighlighter 版本的文档以获取详细的配置说明。