百度ueditor編輯器代碼高亮

百度的ueditor是國內比較好用的富文本編輯器，這裏要講解的是ueditor中一個很小的功能：代碼高亮；

對於咱們這些寫個博客三句不離代碼的碼農們來講，能看到段高亮的代碼那欣喜是無以言表的；

沒圖我說個。。；上圖；以上篇文章爲例；

示例環境：ueditor1.4.3

未高亮的代碼：

代碼高亮後：

如此大的反差；就不廢話再吹噓它的優美了；重點來講使用ueditor如何代碼高亮；

很簡單，可是不少人都不知道這個功能，或者是不知道怎麼用；

首先在編輯文章的時候選擇對應的代碼語言；

而後在文章展現頁面的head頭內引入

1 2 3 4 5

<script type="text/javascript" src="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" href="/Public/static/ueditor1_4_3/third-party/SyntaxHighlighter/shCoreDefault.css"> <script type="text/javascript">     SyntaxHighlighter.all(); </script>

自行調整本身實際項目中的路徑便可；

本文爲白俊遙原創文章,轉載無需和我聯繫,但請註明來自白俊遙博客www.baijunyao.com