SyntaxHighlighter word wrap?

Question

코드를 강조 표시하기 위해 프론트 웹 페이지에 syntaxhighlighter를 사용했습니다. 그러나 코드 길이가 <div> 길이보다 길 때 코드의 단어가 줄 바꿈되지 않는다는 의문을 갖게되었습니다.

나는 그 때 그것을 봤다. 그리고 방법은 아래에 언급 발견 :

내 질문은 :

• 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

자바 스크립트도 일부 변경해야합니다. https://bitbucket.org/alexg/syntaxhighlighter/issue/182/version-3-making-code-wrap

Answer 2

나는 그것이 원래 코드 라인을 해당 않습니다 같아요

는 그것은 jsfiddle에서 데모를 포함하여, 여기에 코멘트 섹션의 맨 아래에 설명합니다. 배치 때문에 번호 매기기가 엉망이됩니다. 자바 스크립트로 코드를 래핑 해 봅니다 - 새로운 라인 기호 \n과 캐럿 리턴 코드 \r (프로그래밍 환경 및 설정에 따라 다름)을 추가하고 도움이되는지 확인하십시오.

Answer 3

CodeMirror 편집기를 사용할 수 있습니다. 그것은 Sublime Text Editor와 같은 단어 감싸기와 읽기 전용을 포함한 많은 기능을 지원합니다.