代码高亮SyntaxHighlighter以及一些基于JS的源代码编辑器如(ACE, CodeMirror)

Background(废话）：

这两天为美化此博客V0.001版本，希望增加代码块功能。其中考虑到的就是现有的一些开源库，其中有一个重要的功能就是代码语法的高亮显示。查看一些大网站的页面的背后实现，不难发现SyntaxHighlighter利器以及一些基于JS的源代码编辑器，如（ACE, CodeMirror,Orien),本文在于收集一些资料查询中发现的不错的文章。

开始：

• 关于SyntaxHighlighter
  1. 官网介绍： http://code.google.com/p/syntaxhighlighter/ 
  2. 作者（有才啊，可以看看他的其他作品）：http://about.me/alexgorbatchev
  3. 使用人群：主要面向博客用户，和一些经常显示代码段的网站。
  4. 下载： http://alexgorbatchev.com/SyntaxHighlighter/download/
  5. 设计理念：通过JS来将有颜色修饰的代码段插入到网页中，而不需要依赖SERVER端做美化代码段的显示。
  6. 一些示例和文章:
     • 代码高亮示例（来自Runjs，但Runjs本身使用的却是CodeMirror。PS我比较喜欢这个网站）： http://runjs.cn/code/vltsfxmj 
     • SyntaxHighlighter集成到CKEditor中的问题 （传送）
     • 博客美化：通用代码高亮插件（SyntaxHighlighter）。点这里
     • SyntaxHighlighter配合CKEditor插件轻松打造代码语法着色 (这篇文章相当比较老，其实可以直接使用官网提供的插件，不过确是一篇好文章）
• 关于google-code-prettify
  1. 官网：https://code.google.com/p/google-code-prettify/
• 关于crayon
  1. 官网：http://wordpress.org/plugins/crayon-syntax-highlighter/
• 关于ACE
  1. 官网：http://ace.c9.io/#production=&nav=api&api=document
• 关于CodeMirror
  1. 官网：http://codemirror.net/
• 关于现有的类似编辑器的比较
  • 参考WIKI: http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors