网页前端代码显示控件是如何实现的？

Question

比如CSDN，比如segment fault

在贴代码的时候能显示什么语言，颜色，保留缩进，并且还有打开大图和复制代码这两种方法

并且直接复制，左边的代码行号不会被复制

这些在前端上怎么实现？业务逻辑是怎样的？一个懂html css javascript jQuery的新人能写出来吗？

还有这个前端控件开源吗？找了很久都没找到，想用在自己博客上。

Answer 1

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

Answer 2

这是你要的么
http://www.csdn.net/article/2013-09-04/2816818-15-Code-Syntax-Highlighters-To-Prettify-Your-Code

Answer 3

这不叫控件，这叫插件。
代码语法高亮什么的 http://developer.51cto.com/art/201403/432096_all.htm 这里有很多