在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中添加豐富多彩的示例代碼的最佳方法

回答

相關問題