使用CSS或javascript在HTML中的代碼顏色

Question

我有一個網站，我教它Java。 我知道html和css，如果它有幫助..

我在我的網站和講座中有講座有描述：在描述中，我有時編寫代碼，所以我做了一個代碼類，所以每次我輸入代碼我做它看起來不錯，但並不完美。

我想使特定的單詞變成粗體，例如藍色或粉紅色。 有沒有辦法做到這一點？也許與JavaScript？

我知道我可以爲特殊單詞創建一個新類，然後做例如，但是如果每次不值得它寫這個單元時，這將會是太多工作。

那麼有沒有辦法做到這一點可能與html5或js？謝謝。

編輯：我使用usefedora.com平臺，所以它更難做到，有人知道如何在usefedora的平臺上做到這一點嗎？

Answer 1

有很多HTML轉換器的代碼，如果這就是你要找的語法突出顯示，

http://tohtml.com/java/

或

http://hilite.me/

你可以把HTML，並用它在您的網站。

Answer 2

你正在尋找的東西是一個codemirror。有許多代碼鏡像，但其中只有一個被稱爲codemirror。

Code Mirror

也有不需要你寫任何JavaScript，使用Web組件的解決方案。

Prism.js

這是一個瘋狂的小事使用

Answer 3

您也可以下載一個jQuery插件。 SyntaxHighlighter非常受歡迎。

他們的工作方式是將文件複製到您的網站，然後您只需將代碼放入標記中，插件就會自動美化您的代碼。

Answer 4

我會建議選擇其中一個庫 - PrismJS,Highlight.js或Rainbow。

每個都是專門爲此目的而設計的。您只需將您的代碼放入網頁中，並使用語言名稱裝飾HTML5 code標籤。他們會自動用必要的標記格式化代碼，以將顏色樣式附加到。不需要任何外部工具。前兩個提供自己的風格，最後一個假設你會自己寫。