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

How to Auto-Colorize Codes Like HTML Editors

本文关键字：代码 一样 HTML 何像 编辑器      更新时间：2023-09-26

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

<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/

我总是使用谷歌代码Pretify

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

JavaToHTML就是一个例子，它使用Java将Java文件转换为HTML。也许值得一读，看看它是如何运作的。

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

您应该看看CodeMirror。它运行得非常好，我很确定Stack Overflow使用了它。

编辑：我错了。堆栈溢出使用其他内容。无论如何，CodeMirror非常受欢迎，你应该看看它。

相关文章：