文章出處
文章列表
官網：https://highlightjs.org/
API：http://highlightjs.readthedocs.org/en/latest/api.html
1. 簡單使用：
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>默認高亮<pre><code></code></pre>塊包裹的代碼，initHighlightingOnLoad是在頁面加載時執行。
2. 定制
$(document).ready(function() {
$('pre code').each(function(i, e) {hljs.highlightBlock(e)});
});自定義高亮<pre><code></code></pre>塊包裹的代碼。
3. 自動高亮代碼
hljs.highlightAuto(code).value;code為代碼字符串，不能包含 html 代碼，執行返回值為高亮 html 代碼。
4. 手動高亮
hljs.initHighlighting.called = false;
hljs.initHighlighting();如果我們不想頁面加載后代碼高亮，而是 ajax 讀取 html 代碼后，對此進行高亮，需要執行上面的代碼。
參考資料：http://www.mojidong.com/html/css/js/2013/04/03/code-highlight/
文章列表
全站熱搜
留言列表
