使用Remarkable和Highlightjs突出显示HTML

Question

当使用Remarkable突出显示HTML代码时，我遇到了highlight函数执行的麻烦。我从这里的例子:

var md = new Remarkable({
    html:true,
    langPrefix:'lang-',
    highlight: function (str, lang) {
    alert('highlighting'); // never executes!
    if (lang && hljs.getLanguage(lang)) {
      try {
        return hljs.highlight(lang, str).value;
      } catch (err) {}
    }
    try {
      return hljs.highlightAuto(str).value;
    } catch (err) {}
    return ''; // use external default escaping
  }
});
var test = md.render('<code class="lang-js">var x = 1;</code>');

看到小提琴

Answer 1

当你给它写在markdown的文本，而不是HTML时，这是一个了不起的作品。它为您生成HTML。如果你想自己写HTML，你不需要Remarkable;)

所以，你的测试行应该是这样的:

var test = md.render('``` jsnvar x = 1;n```n');

(通常情况下，文本是从文本区域中提取的，所以你不需要在那里键入"n"，你只需要键入回车键)

这是工作小提琴:

https://jsfiddle.net/fhz9oma1/7/