一段廢話: 其實早就知道可以用google-code-prettify來設置高亮,但是比較懶,現在才折騰了一下。看見好看的代碼高亮,心情都變好啦~ 感覺博客園的代碼高亮,尤其是Markdown編輯模式下的,可定制性好差。可是在博客園發博客比在自己的獨立博客發要比較方便(我的獨立博客用的是hexo ...
前記:因為博客系統中的Web Editor使用的是KindEditor,它默認保存的時候,保存的內容是 lt pre class prettyprint lang html gt lt pre gt 而不是 lt pre name code gt lt pre gt 所以用其他的語法提示比較麻煩,而我又比較的懶,所以直接用google code prettify了 使用說明: 首先添加文件 lt ...
2012-06-02 10:00 0 5118 推薦指數:
一段廢話: 其實早就知道可以用google-code-prettify來設置高亮,但是比較懶,現在才折騰了一下。看見好看的代碼高亮,心情都變好啦~ 感覺博客園的代碼高亮,尤其是Markdown編輯模式下的,可定制性好差。可是在博客園發博客比在自己的獨立博客發要比較方便(我的獨立博客用的是hexo ...
今天這篇文章主要講述使用 google-code-prettify 來實現代碼的高亮顯示,以前我使用 highlight.js 來實現文章中代碼的高亮顯示。 prettify 非常小巧且配置簡單,使用它來實現代碼的高亮顯示是個不錯的選擇。下邊我們簡單看看 prettify.js 的使用 ...
介紹 code prettify 解釋為 “代碼修飾”。 他由JS代碼和CSS代碼構成,用來高亮顯示HTML頁面中的代碼。 支持:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk ...
Django使用CKEditor可以安裝django-ckeditor這個模塊,具體步驟可按照這里進行:http://www.nanerbang.com/article/2/ 我在富文本編輯器中想使用插入代碼塊的功能,這時Code Snippet這個CKEditor的插件派上用場了 新版本 ...
最近在總結這一年來制作的網頁模塊,網站風格統一的情況下,網站頁面結構不會改變,因此想記錄一部分網站中統一的結構,方便日后維護。 用到的相關技術: 做成的效果如圖: 因為是在 vue 環境下,因此需要安裝以下插件: 制作過程中有三個知識點 ...
因為平時經常切換筆記本、家里台式機、工作台式機用 VS code,遂發現筆記本中的 javascript 不像台式機中對象和方法語法高亮,只有簡單的關鍵詞高亮。后來找到原因系主題設置。【文件】-【首選項】-【顏色主題 | Ctrl+K Ctrl+T】切換為 Dark+(default dart ...
kindeditor4.x代碼高亮功能默認使用的是prettify插件,prettify是Google提供的一款源代碼語法高亮着色器,它提供一種簡單的形式來着色HTML頁面上的程序代碼,實現方式如下: 首先在編輯器里面插入javascript代碼: 確定后會在編輯器插入這樣的代碼 ...
Notepad++的確是一個編寫,注釋,分析代碼的好工具。但是當我決定復制自己的注釋詳盡的代碼至博客上時,卻遇到了一個非常讓人郁悶的問題,就是在編輯器上清晰整潔的代碼,發到博客上卻變得極其混亂,不堪入目。 如何解決這個問題,notepad其實是有很好的解決方案的。 工具欄中: 插件 ...