2011-10-22 38 views
5

Tôi đang ở trên các cửa sổ và tôi muốn tạo công cụ đoạn mã dựa trên web để tiêu thụ của riêng mình. Bởi vì mọi ứng dụng tuyệt vời dường như chỉ tồn tại trên mac. Snippley là ok, nhưng nó không có chức năng tìm kiếm. Có thư viện javascript hay plugin jquery cho phép tôi trình bày các đoạn mã theo một cách hay không? Một cái gì đó giống như một trong Nettuts: enter image description herecách nhúng mã trên các trang html

Trả lời

4

Đẹp nhất và được sử dụng nhất tôi đoán là mã Google Prettify. Đó là thư viện css để thực hiện chính xác ảnh chụp màn hình này mà bạn dán.

http://code.google.com/p/google-code-prettify/

bạn có thể sử dụng nó với Twitter Bootstrap Css thư viện quá với Google Code tô điểm: http://twitter.github.com/bootstrap/

Kiểm tra mã nguồn trang web của Twitter Bootstrap và bạn sẽ thấy rằng bạn chỉ cần một cái gì đó như thế này:

<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet"> 

Hoặc bạn có thể chọn trong số 16 mã bảo vệ mã javascript miễn phí tại đây: http://www.1stwebdesigner.com/css/16-free-javascript-code-syntax-highlighters-for-better-programming/

và đó là nó!

+0

Đó không chỉ là CSS, nó cũng là JavaScript ... –

+0

kiểm tra lại câu trả lời. Tôi đã chỉnh sửa nó. Có phải đó là những gì bạn cần? – Pabluez

+2

Đầu tiên, tôi không cần bất cứ điều gì bởi vì tôi đã không hỏi câu hỏi;). Thứ hai, điều tôi muốn nói là Google làm cho không chỉ CSS, nó còn chứa JavaScript. Bạn cũng phải bao gồm tệp JavaScript, không chỉ tệp CSS để làm cho nó hoạt động. Bạn nói rằng nó là một thư viện CSS mà tôi muốn nói là không chính xác. –

Các vấn đề liên quan