SyntaxHighlighter 不显示工具栏答案

【问题标题】：SyntaxHighlighter not showing toolbarSyntaxHighlighter 不显示工具栏
【发布时间】：2011-06-04 04:53:34
【问题描述】：

我在我的应用程序中使用了最新的SyntaxHighlighter，但出于某种原因，工具栏没有在 IE、Firefox 或 Chrome 中显示。代码突出显示没有问题，但我想要工具栏。更糟糕的是，官网上的toolbar demo也打不开了。

我是否遗漏了一些明显的东西？以下是代码块。

<script src="Scripts/syntaxhighlighter/scripts/shBrushCSharp.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="Scripts/syntaxhighlighter/styles/shCoreDefault.css" />
<script type="text/javascript">
    // Highlight code
    SyntaxHighlighter.all();
</script>

<pre class="brush: csharp; ruler: true; title: 'Test'; toolbar: true;">
public static bool HelloWorld()
{
    // Return
    return false;
}
</pre>

【问题讨论】：

标签： syntax-highlighting syntaxhighlighter

【解决方案1】：

我确认在版本 3 中工具栏没有显示。

【讨论】：

【解决方案2】：

工具栏可以很容易地显示，只需转到插件配置，将荧光笔版本设置为 VERSION 2X。这样工具栏将再次显示！

【讨论】：

【解决方案3】：

虽然我自己也想要工具栏，但似乎其中一项工具栏功能 - 复制和粘贴 - 已包含在不需要工具栏项的情况下：

如果您双击代码上的任意位置，整个代码视图将替换为预先选择的视图，用户可以使用简单的 Ctrl/Cmd-C 从中复制。单击其他任何地方都会将视图返回到原始状态。 http://alexgorbatchev.com/SyntaxHighlighter/whatsnew.html#copytoclipboard

我还是喜欢弹出功能，但按钮越少越好，我猜？

【讨论】：

通常情况下，我会同意，但我的主要用例（将其嵌入 TiddlyWiki，因为 1.x 和 2.x 是 LGPL 而不是 MIT 许可的）不适合，因为 TiddlyWiki有自己的双击处理程序。（而且在双击后手动选择代码 sn-p 将我带到 TW 的编辑视图很麻烦）......在我的私人 TiddlyWiki 以外的情况下访问用户也不太明显。

【解决方案4】：

这里有同样的问题。看起来v3中没有工具栏。

我再次使用 v2：http://alexgorbatchev.com/SyntaxHighlighter/download/download.php?sh_2.1.382

如果你复制 css 和 js，不要忘记在文件夹样式中包含图像

【讨论】：

我应该为新版本加载XRegExp.js吗？

【解决方案5】：

我一直在尝试自己解决这个问题。我不会在这里声称 100% 正确，但据我所知，这就是答案：

工具栏从版本 2 更新到版本 3。
工具栏不再包含图标等。
默认工具栏现在是简单的“？”。

这很糟糕，如果这是真的。带有图标的弹出式工具栏是让我选择 SH 而不是其他选项的原因之一。

这就是我猜想将最新包中包含的 CSS 文件与启用了“正确”工具栏的版本的网站上可用的 CSS 进行比较。

这是我正在窥探的一个链接：ramymostafa.com

【讨论】：

另外，smart-tabs: false 即使在办公室演示中也不起作用，'smart-tabs' demo。任何建议修复它？
@SparkandShine 不是。这些天我使用 Google Prettify 和/或 Highlight.js。
如何让它们兼容不同的格式，SyntaxHighligter 中的 <pre class="brush: language">...</pre> 和 Google Prettify 中的 <pre class="language">...</pre>？
Prettify 不需要提前指定语言。它会根据启发式进行猜测，Highlight.js 也是如此。