在html中添加丰富多彩的示例代码的最佳方法

-1

我想用各种编程语言语言在html页面中添加示例代码。在html中添加丰富多彩的示例代码的最佳方法

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

我想用多彩的字体显示这个没有独立的风格。
像下面的例子

你能建议最好的方法吗？

来源

2017-04-12 Shameem

使用现有的JavaScript库。就像[highlightjs]（https://highlightjs.org/）一样，仅举一个例子。 – domsson

或类似的东西https://github.com/google/code-prettify – andrew

Google Code Prettify和Syntax Highlighter都不错。

来源

2017-04-12 11:46:33

你可以参考这一点，并使用它：

https://codemirror.net/

希望这会帮助你。

来源

2017-04-12 11:43:46 lalithkumar

只有链接的答案是不鼓励的。然后再次，这个问题本身被认为是脱离主题... – domsson

我必须把它放在评论？ – lalithkumar

而不是仅仅连接一些库或工具，你可以解释一般如何实现任务。萨蒂什Saini至少解释说，这是可能的服务器端和客户端。无论如何，不要打扰。问题是脱离主题*和*重复。 – domsson

那么，你可以做这个客户端和服务器端，两者。

在客户端，SyntaxHighligher可以帮到你。

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

来源

2017-04-12 11:45:05

在html中添加丰富多彩的示例代码的最佳方法

回答

相关问题