如何像 HTML 编辑器一样自动着色代码答案

【问题标题】：How to Auto-Colorize Codes Like HTML Editors如何像 HTML 编辑器一样自动着色代码
【发布时间】：2012-07-10 10:24:51
【问题描述】：

我有一个博客，当我在 HTML/CSS/Javascript/Jquery 等中发布内容时，我想对其代码进行自动着色。就像 Stackoverflow 我知道我是一个最糟糕的解释者，让我试试看.. 像这样，它会自动为脚本着色..

<style type='text/css'>
img.opacity {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 1s linear;
}
img.opacity:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s linear;
}
</style>

我想在我的博客上使用这个功能，你能帮我吗？这是我的博客：http://kownleg.blogspot.com/

【问题讨论】：

谷歌“javascript代码着色插件”。有许多可用的解决方案。
Syntax highlighting code with Javascript的可能重复

标签： javascript html css

【解决方案1】：

我总是使用Google Code Prettify

【讨论】：

【解决方案2】：

您需要解析文本，并根据关键字、语法等使用 css 为您的代码着色。

JavaToHTML 就是一个例子，它使用 Java 将 Java 文件转换为 HTML。可能值得一读并了解它是如何工作的。

【讨论】：

你能把链接给我吗？？
java2html.comjavascript/php等也有很多实现

【解决方案3】：

看看这个http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/

【讨论】：

【解决方案4】：

你应该看看CodeMirror。它工作得非常好，我很确定 Stack Overflow 会使用它。

编辑：我错了。堆栈溢出uses something else。无论如何，CodeMirror 非常受欢迎，你应该看看它。

【讨论】：