默認(rèn)的 markdown 代碼區(qū)是沒有高亮的，例子如下：

圖片

為了能讓代碼高亮，我們需要用另一個(gè)代碼高亮的庫(kù)：highlightjs
官網(wǎng)地址： https://highlightjs.org

使用方法如下：

<!-- 選擇一個(gè)配色方案，這里用的是 solarized-dark. 更多配色方案可以在下載的完整代碼包里找到 -->
<link rel="stylesheet" href="/static/highlight/styles/solarized-dark.css">
<script src="/static/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

上面的用法在瀏覽模式時(shí)沒有問題，但是在編輯模式下，編輯區(qū)變化后，預(yù)覽區(qū)又失去了高亮的效果。
需要額外處理一下：

$('#mdeditor').on('input', function() {
    var to_html = converter.makeHtml($(this).val());
    $('#preview').html(to_html);
    
    //注意這里，每次更新預(yù)覽區(qū)時(shí)，再高亮處理一下
    $('pre code').each(function(i, block){
        hljs.highlightBlock(block);
    });
});