google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






16 công cụ tô sáng mã nguồn miễn phí bằng JavaScript Nếu là một lập trình viên, bạn hẳn đã không lạ gì với tính năng "hai-lai" mã nguồn của các IDE (Integrated Development Environment); một tính năng cực kì hữu ích. Trên nền web hiện nay, có rất nhiều thư viện hỗ trợ chúng ta thực hiện điều này, cả phía server và client. Tuy nhiên, các thư viện xử lí phía client (chủ yếu với JavaScript) là được ưa chuộng nhất. Bài viết này tổng hợp giúp bạn một danh sách các thư viện tốt nhất mà miễn phí.


Nhãn: 16, công cụ, tô sáng, miễn phí, lập trình viên, hai-lai, IDE, hữu ích, server, client

Miễn phí web hosting 1 năm đầu tại iPage



Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé!
Thử iPage miễn phí cho năm đầu tiên NGAY

If you are programmer or actually if you at least have some basic coding skills, you'll find this article useful. For example just look at this page source - without highlighting that whole code is just a bunch of plain black text and it is really hard to find specific things if everything looks the same. Thankfully there are many highlighting scripts available, for example Notepad++ also supports and highlights different code snippets. These code syntax highlighters actually are doing mainly the same thing, but with more options, big coding language support, better integration - really in our days you just need to choose one - there are too many tools available anyway.

Use these syntax highlighters in daily coding or just in cases where you are sharing code with friends, want to add that code in your blog post (by the way there is SyntaxHighlighter Wordpress plugin available too) or just want to rapidly read and maintain it - use online syntax highlighters in that case and pick your favorite one from this article!

1. SyntaxHighlighter

I definitely think this syntax highlighter tool should be your choice - this tool is supported very well and offers many options, extensions and integrations with other programs and platforms, but however I want to offer you other tools too to choose from.

SyntaxHighlighter is here to help a developer/coder to post code snippets online with ease and have it look pretty. It's 100% Java Script based and it doesn't care what you have on your server.

The idea behind SyntaxHighlighter is to allow insertion of colored code snippets on a web page without relying on any server side scripts. SyntaxHighlighter isn't for those looking for ability to edit highlighted code.

Extensions & Integration - check out this page too, because you can find there Wordpress extensions, Ruby on Rail plugins and much more integration extensions, should be handy!

Check out demo page

Download link

2. GeSHi - Generic Syntax Highlighter

GeSHi supports PHP5 and Windows, and has even been used to highlight code on ASP pages, it really supports and highlights almost every coding language, you should check out his website to read more - very powerful tool!

GeSHi aims to be a simple but powerful highlighting class, with the following goals:

  • Support for a wide range of popular languages
  • Easy to add a new language for highlighting
  • Highly customizable output formats

Check out demo page

Download link

3. Quick Highlighter

Doesn't get any easier than this to create a web page from your source code. This online highlighter tool offers many coding languages you can choose to highlight together with several options, you can check/uncheck before highlighting code:

  • Combine Style and HTML Code
  • Highlight inbuilt keywords, data types etc.
  • Strict Mode
  • Wrap overflowing text

4. Google Code Prettify

A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page.

The comments in prettify.js are authoritative but the lexer should work on a number of languages including C and friends, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP, VB, and Awk and a decent subset of Perl and Ruby, but, because of commenting conventions, doesn't work on Smalltalk, or CAML-like languages.

Features:

  • Works on HTML pages
  • Works even if code contains embedded links, line numbers, etc.
  • Simple API : include some JS&CSS and add an onload handler.
  • Lightweights : small download and does not block page from loading while running.
  • Customizable styles via CSS.
  • Supports all C-like, Bash-like, and XML-like languages. No need to specify the language
  • Extensible language handlers for other languages. You can specify the language.
  • Widely used with good cross-browser support.

Check out demo page

5. Pygments - Python Syntax Highlighter

Pygments is a generic syntax highlighter for general use in all kinds of software such as forum systems, wikis or other applications that need to prettify source code.

Pygments supports an ever-growing range of languages, you can check full list supported language listing here

Check out demo page

Download link

6. Highlight.JS Syntax Highlighter

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It's very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

This program supports following languages - 1C, AVR Assembler, Apache, Axapta, Bash, C#, C++, CSS, DOS .bat, Delphi, Django, HTML, XML, Ini, Java, Javascript, Lisp, MEL (Maya Embedded Language), PHP, Perl, Python, Python profile, RenderMan (RIB, RSL), Ruby, SQL, Smalltalk, VBScript, diff.

Check out demo page

Download link

7. Lighter.js - Syntax Highlighter written in MooTools

There isn't available actual demo page just download link, but it is very easy to use this highlighter as all others by the way.

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web