Question

我有一个Blog，我想在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/

Answer 1

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

这方面的一个例子是JavaToHTML，它使用Java将Java文件转换为HTML。可能值得阅读并了解它的工作原理。

Answer 2

我总是使用Google Code Prettify

Answer 3

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

Answer 4

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

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

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

4 个答案: