marked.js で変換したコードを highlight.js でハイライト表示する方法

phi phi on marked, highlight.js

ちゃんと hljs というクラスが付いた pre タグとして出力する方法です.

デモは Runstant で作ってあるのでコードを見たりイジったりできます. 色々と遊んでみてください♪

Code

marked の共通オプションでオリジナルの renderer を登録しています.

;(function() {
  var renderer = new marked.Renderer()
  renderer.code = function(code, language) {
    return '<pre'+'><code class="hljs">' + hljs.highlightAuto(code).value + '</code></pre>';
  };

  marked.setOptions({
    renderer: renderer,
  });
})();

Demo

Reference