原文:使用 Google Code Prettify 實現代碼高亮

今天這篇文章主要講述使用google code prettify來實現代碼的高亮顯示,以前我使用 highlight.js 來實現文章中代碼的高亮顯示。 prettify 非常小巧且配置簡單,使用它來實現代碼的高亮顯示是個不錯的選擇。下邊我們簡單看看 prettify.js 的使用方法: .引入 jQuery 文件和 prettify.js 文件 lt scripttype text javas ...

2013-06-18 10:43 2 18735 推薦指數:

查看詳情

五、Google Code Prettify實現代碼高亮的JS庫

介紹 code prettify 解釋為 “代碼修飾”。 他由JS代碼和CSS代碼構成,用來高亮顯示HTML頁面中的代碼。 支持:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk ...

Mon Mar 03 01:53:00 CST 2014 2 5190
博客園設置Google-code-prettify渲染代碼高亮

一段廢話: 其實早就知道可以用google-code-prettify來設置高亮,但是比較懶,現在才折騰了一下。看見好看的代碼高亮,心情都變好啦~ 感覺博客園的代碼高亮,尤其是Markdown編輯模式下的,可定制性好差。可是在博客園發博客比在自己的獨立博客發要比較方便(我的獨立博客用的是hexo ...

Mon May 01 00:55:00 CST 2017 2 3409
vue(element)中使用monaco實現代碼高亮

vue(element)中使用monaco實現代碼高亮 使用的是vue語言,用element的組件,要做一個在線編輯代碼,要求輸入代碼內容,可以進行高亮展示,可以切換各不同語言,而且支持關鍵字補全,還要有一個各不同版本間的代碼左右比較,這就是需求。 至於為什么選中monaco,請查看 vue ...

Sun Apr 19 23:01:00 CST 2020 0 946
在word中實現代碼的語法高亮

在word中實現代碼的語法高亮 zz from: http://blog.163.com/rongting_chen/blog/static/16490684420113247107144/ 使用一款免費軟件——notepad++即可實現將關鍵字高亮代碼粘貼到word中。 首先用 ...

Wed Apr 03 18:48:00 CST 2013 0 2949
vue(element)中使用codemirror實現代碼高亮代碼補全,版本差異對比

vue(element)中使用codemirror實現代碼高亮代碼補全,版本差異對比 使用的是vue語言,用element的組件,要做一個在線編輯代碼,要求輸入代碼內容,可以進行高亮展示,可以切換各不同語言,而且支持關鍵字補全,還要有一個各不同版本間的代碼左右比較,這就是需求 ...

Fri Apr 17 23:08:00 CST 2020 2 3620
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM