在 html 中添加彩色示例代码的最佳方法 [重复]答案

【问题标题】：Best way to add colourful example code in html [duplicate]在 html 中添加彩色示例代码的最佳方法 [重复]
【发布时间】：2017-04-12 11:38:36
【问题描述】：

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

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

我想用没有单独样式的彩色字体显示这个。
像下面的例子

你能建议最好的方法吗？

【问题讨论】：

使用现有的 JavaScript 库。类似highlightjs，仅举一个例子。
或类似github.com/google/code-prettify

标签： html

【解决方案1】：

Google Code Prettify 和 Syntax Highlighter 很好。

【讨论】：

【解决方案2】：

您可以参考并使用它：

https://codemirror.net/

希望这会对你有所帮助。

【讨论】：

不鼓励仅链接的答案。再说一次，这个问题本身被认为是题外话......
我必须把它放在评论中？
您不仅可以链接一些库或工具，还可以解释通常如何完成任务。 Satish Saini 至少通过解释这可能是服务器端和客户端来做到这一点。无论如何，不要打扰。这个问题是题外话和重复。

【解决方案3】：

嗯，你可以在客户端和服务器端都做。

在客户端，SyntaxHighligher 可以帮助您。

服务器端解决方案往往更加灵活，尤其是在定义新语言和配置它们的突出显示方式（例如使用的颜色）方面。 GeSHi，这是一个 PHP 解决方案，带有一个中等不错的 Wordpress 插件。

【讨论】：