SyntaxHighlighter từ bọc?

Question

Tôi đã sử dụng cú pháphighlighter trong trang web phía trước của tôi để làm nổi bật mã. Nhưng tôi đã xem qua một câu hỏi rằng từ trong mã không được bao bọc khi độ dài mã dài hơn độ dài của <div>.

sau đó tôi googled nó. Và tìm thấy một cách đề cập dưới đây:

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+*/　　 
} 

Tuy nhiên, một vấn đề mới xuất hiện, số dòng không tương ứng với các dòng mã thực tế:

Câu hỏi của tôi là:

• Làm cách nào để tránh mã bị tràn trong khi vẫn giữ dòng mã tương ứng với dòng mã gốc thực tế?

Answer 1

Bạn cũng phải thực hiện một số thay đổi đối với JavaScript.

Nó giải thích ở dưới cùng của phần bình luận ở đây, trong đó có một cuộc biểu tình ở jsfiddle: https://bitbucket.org/alexg/syntaxhighlighter/issue/182/version-3-making-code-wrap

Answer 2

Tôi đoán nó tương ứng với các gốc dòng mã. Bởi vì các gói bạn đang nhận được điều sai lầm với việc đánh số. Hãy thử gói mã bằng JavaScript - thêm biểu tượng dòng mới \n và biểu tượng trở về dấu trang \r (tùy thuộc vào môi trường lập trình của bạn và cài đặt của nó) và xem nó có giúp ích hay không.

Answer 3

Bạn có thể sử dụng trình biên tập CodeMirror. Nó có rất nhiều tính năng hỗ trợ bao gồm cả từ bọc và chỉ đọc như Sublime Text Editor.