java - Blogger 上的 SyntaxHighlighter 3.0.83 拆分了我的源代码

Question

我正在尝试使用 SyntaxHighlighter Blogger 上的 3.0.83 是为了突出显示一些简单的 java 代码，但我的单个 java 行被分成许多 block 。 这是我所做的设置:

博主:设计|模板|编辑 HTML

在之前添加这些行:

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

然后，在 末尾之前添加这些行:

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.defaults.toolbar = false;
SyntaxHighlighter.all();
</script>

那么我的帖子是:

<pre class="brush:java">MyJFrame.this.processWindowEvent(new WindowEvent(MyJFrame.this, WindowEvent.WINDOW_CLOSED));
</pre>

我得到的是:

为什么我的行显然是使用每个单词分隔符来分割的？

谢谢

Answer 1

我终于明白了:

我之前已将 CSS 自定义添加到 Blogger <code> HTML 标签如下:

code {
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    font: 0.8em 'Courier New', Courier, Fixed;
    border-spacing: 0;
    padding: 0.3em;
    display: block;
}

罪魁祸首是display : block; ，这会扰乱 SyntaxHighlighter。

替换 code {...}与 pre code {...}对我有用。