是否有插件在我的網頁中顯示HTML代碼

Question

我想在我的頁面中顯示大量的LESS文件。我希望它看起來儘可能好，以便看到它的用戶能夠輕鬆閱讀它。

計算器讓我這樣顯示出來（例如）：

header { 
    color: red; 
    div.myClass { 
     color:blue; 
    } 
} 

但有一個插件，顯示它更好？我的意思是：div將顯示爲藍色，並且類將顯示爲紅色，變量將爲粗體等...

是否有某種JavaScript或jQuery庫可以實現它？

感謝， 阿龍

Answer 1

StackOverflow的使用Prettify做它的語法高亮。

它應該爲你想要的。

Answer 2

SyntaxHighlighter是另一個非常流行的。它也可以在許多平臺上作爲插件使用，並支持許多語言。

http://alexgorbatchev.com/SyntaxHighlighter/

Answer 3

看看https://highlightjs.org/。這提供了各種主題來突出顯示幾乎每種語言編寫的代碼。