SyntaxHighlighter 3.0.83が私のソースコードを分割します

Question

単純なJavaコードを強調するためにSyntaxHighlighter 3.0.83をBloggerで使用しようとしていますが、私の単一のJavaラインは多くの塊で分割されています。 これは私が設定したものです：

Blogger：Design |テンプレート|そして、私のポストがある

<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> 

：：、その後

<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'/> 

を右< /ボディ>の終了前にこれらの行を追加：編集HTML

は右< /ヘッド>前に、これらの行を追加しました

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

および私が得るものは：

どのように私の行は明らかにすべての単語区切りを使用して分割されますか？

おかげ

Answer 1

私は最終的にそれを得た：

私は以前にこのような<code> HTMLタグのBloggerにCSSのカスタマイゼーションを追加しました：

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;であり、SyntaxHigライト。

code {...}をpre code {...}に変更すると、私にとっては魅力的です。

Answer 2

私は私のブログ上でそれを試してみた、それが動作します。 </head>タグの直前にこれらのタグをすべて追加してください。これは私が私のブログのためてきたものである：

<!--SYNTAX HIGHLIGHTER BEGINS--> 
    <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/shThemeDefault.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/shBrushCpp.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/> 
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/> 
    <script language='javascript'> 
    SyntaxHighlighter.config.bloggerMode = true; 
    SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf&#39;; 
    SyntaxHighlighter.all(); 
    </script> 
    <!--SYNTAX HIGHLIGHTER ENDS--> 

</head>