Câu trả lời:
StackOverflow sử dụng thư viện Prettify .
Gần đây tôi đã phát triển một cái gọi là cầu vồng.
Mục tiêu thiết kế chính là làm cho thư viện lõi thực sự nhỏ và giúp các nhà phát triển mở rộng thực sự dễ dàng.
Xem http://rainbowco.de .
rdf:typeđược sử dụng như một phần tử và khi nào nó là một thuộc tính).
SyntaxHighlighter có sẵn dưới dạng một dự án GitHub .
jQuery Syntax Highlighter là một công cụ mới dựa trên Prettify của Google - một công cụ đánh dấu cú pháp javascript đơn giản thực sự rất phổ biến.
Nó hỗ trợ những thứ như codevà prekhối, có thể sử dụng các tên lớp như language-javascriptđể chỉ ra rằng chúng ta muốn nó làm nổi bật, cũng như wordwrap. Bạn có thể sao chép và dán mã bằng cách chọn nó bình thường thay vì phải mở chế độ xem thô như nhiều người khác. Nó có thể được tùy chỉnh thêm bằng cách sử dụng thuộc tính dữ liệu HTML5 data-shhoặc thông qua việc chỉ định các tùy chọn khi khởi tạo. Một sự lựa chọn ổn định tuyệt vời được cập nhật thường xuyên.
Còn Prism của Lea Verou.
Từ thông báo về bài đăng trên blog của cô ấy vào tháng 6 (2012):
- Nó nhỏ. Cốt lõi chỉ là 1,5KB được rút gọn và gzipped.
- Nó cực kỳ có thể mở rộng. Không chỉ dễ dàng thêm các ngôn ngữ mới (đó là điều có sẵn với mọi công cụ đánh dấu cú pháp ngày nay) mà còn để mở rộng các ngôn ngữ hiện có.
- Nó hỗ trợ song song thông qua Web worker, để có hiệu suất tốt hơn trong một số trường hợp nhất định.
- Nó không buộc bạn phải sử dụng bất kỳ đánh dấu dành riêng cho Prism, thậm chí không phải là tên lớp dành riêng cho Prism, chỉ có đánh dấu tiêu chuẩn mà bạn nên sử dụng. Vì vậy, bạn có thể dùng thử một thời gian, gỡ bỏ nếu không thích và không để lại dấu vết.
Nếu bạn đang sử dụng jQuery, có Chilli:
http://code.google.com/p/jquery-chili-js/
Tất cả những gì bạn phải làm là bao gồm jquery-ớt.js và cooking.js, và làm nổi bật với
$("code").chili();Nó sẽ tự tìm ra ngôn ngữ.
Tôi rất hài lòng với SHJS . Nó hỗ trợ nhiều ngôn ngữ và có vẻ khá nhanh và chính xác.
Đây là một ví dụ mà tôi sử dụng nó trên blog của mình . Tôi đang sử dụng tệp CSS tùy chỉnh của riêng mình mô phỏng đánh dấu cú pháp của Coda . Gửi email cho tôi nếu bạn muốn sử dụng nó.
jQuery.Syntax là một công cụ đánh dấu cú pháp cực kỳ nhanh và nhẹ. Nó có khả năng tải động các tệp nguồn cú pháp và tích hợp rõ ràng bằng cách sử dụng CSS hoặc các mô hình.
Nó được phát triển đặc biệt để lấp đầy một khoảng trống - đó là: một trình phân tích cú pháp phía máy khách nhanh, gọn gàng.
Nếu bạn đang tìm kiếm đánh dấu cú pháp trong trình chỉnh sửa trong trình duyệt, hãy thử CodeMirror .
Tôi không tranh luận nhưng chỉ nghĩ rằng điều đáng nói là nếu bạn đang sử dụng CMS hoặc nền tảng blog thì sử dụng công cụ đánh dấu phụ trợ sẽ tốt hơn vì những lý do rõ ràng - Hãy xem Geshi ( http://qbnz.com/highlighter/ ) nếu bạn quan tâm. Trên thực tế, bạn có thể thiết lập máy chủ của mình để phân tích cú pháp nội dung HTML thông qua công nghệ phụ trợ - vì vậy không cần đến các công cụ đánh dấu JS. (Chức năng duy nhất họ thêm vào là khả năng in / sao chép [sử dụng swf].)
Bài viết này tại Kho Tài nguyên Web liệt kê một loạt các tùy chọn để làm nổi bật mã, một số trong số đó sử dụng Javascript. Nó được xuất bản vào ngày 4 tháng 5 năm 2009.