Javascript 如何自动为HTML编辑器等代码着色

我有一个博客，当我在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>

不透明度{
不透明度：0.5；
过滤器：α（不透明度=50）；
-webkit过渡：不透明度1s线性；
}
不透明度：悬停{
不透明度：1；
过滤器：α（不透明度=100）；
-webkit过渡：不透明度1s线性；
}

我想在我的博客上有这个功能，你能帮我吗？？

---

这是我的博客：

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

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

看看这个

我总是使用你应该看看的

。它工作得非常好，我非常确定Stack Overflow使用它

---

编辑：我错了。堆栈溢出。无论如何，CodeMirror非常流行，你应该看看它。

Google“javascript代码着色插件”。有许多可用的解决方案。可能重复的你能给我的链接，我可以很容易地找到它？？还有许多javascript/php等的实现