在html中添加彩色示例代码的最佳方法

时间:2017-04-12 11:38:37

标签: html

我想在html页面中添加各种编程语言语言的示例代码。

<div class="example-cpp">
     #include <iostream> 
     using namespace std; 
     int main () { 
        for( ; ; ) { 
           printf("This loop will run forever.\n"); 
        } 
        return 0;
     }
</div>

我想用彩色字体显示这个而没有单独的风格 如下例子 enter image description here 你能建议最好的方法吗?

3 个答案:

答案 0 :(得分:0)

你可以参考并使用它:

https://codemirror.net/

希望这会对你有所帮助。

答案 1 :(得分:0)

嗯,你可以做这个客户端和服务器端。

在客户端,SyntaxHighligher可以为您提供帮助。

服务器端解决方案往往更灵活,特别是在定义新语言和配置突出显示方式(例如使用的颜色)方面。 GeSHi,这是一个PHP解决方案,带有适度的Wordpress插件。

答案 2 :(得分:0)