在html中创建代码编辑器样式

Question

我想知道如何在像这样的html页面中创建代码编辑器样式。 http://www.tonymarston.net/php-mysql/databaseobjects.html

他对不同的变量和字符串有不同的颜色。他使用<pre>和<span>来设计样式，但我不确定是否有更快的方法来执行此操作。有什么想法吗？非常感谢。

Answer 1

我自己没有使用它，但Stackoverflow使用Prettify（根据this question）。它似乎只使用JavaScript和CSS构建。