SyntaxHighliter3でワードラップさせる

SyntaxHighliter3でワードラップさせるコードを紹介します。

修正手順

以下の修正をします。

shCore.css

横スクロールバーの非表示

.syntaxhighlighter {
 overflow: hidden !important; /* 変更 */

横スクロールバーの非表示

.syntaxhighlighter.source {
 overflow: hidden !important; /* 変更 */

ワードラップ設定の変更

white-space: pre !important;
white-space: normal !important; /* 変更 */