SyntaxHighlighter word wrap？

Question

前のWebページでsyntaxhighlighterを使ってコードを強調表示しました。しかし、私は、コードの長さが<div>の長さよりも長い場合、コード内の単語が折り返されないという疑問を見つけました。

私はそれをgoogledしました。そして、方法は下記見つかり：

私の質問は次のとおりです：

• pre,code{ 
  white-space:pre-wrap;/*css-3*/ 
  white-space:-moz-pre-wrap;/*Mozilla,since1999*/ 
  white-space:-pre-wrap;/*Opera4-6*/ 
  white-space:-o-pre-wrap;/*Opera7*/ 
  word-wrap:break-word;/*InternetExplorer5.5+*/　　 
  } 
  

  しかし、新たな問題が行番号は、実際のコード行に対応していない、登場しましたコード行を実際の元のコード行に対応させたままで、コードのオーバーフローを回避するにはどうすればよいですか？

Answer 1

JavaScriptを少し変更する必要があります。 https://bitbucket.org/alexg/syntaxhighlighter/issue/182/version-3-making-code-wrap

Answer 2

私はそれが元コード行を対応しない推測：

は、それはjsfiddleでデモンストレーションを含め、ここでコメント欄の一番下に説明しています。ラッピングのために、あなたは番号をつけて混乱しています。 JavaScriptを使用してコードをラップしてください - 新しい行記号\nと、記号\rを返すキャレット（プログラミング環境とその設定によります）を追加し、役立つかどうか確認してください。

Answer 3

CodeMirrorエディタを使用できます。 Sublime Text Editorのように、単語の折り返しや読み取り専用など多くの機能がサポートされています。