javascript - 使用 Remarkable 和 Highlightjs 突出显示 HTML

Question

使用突出显示 HTML 代码时，我无法highlight执行该函数。Remarkable我从这里的例子中获取：

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('``` js\nvar x = 1;\n```\n');

（通常，文本是从文本区域中提取的，因此您不需要其中的“\n”，您只需按 Enter 键）

这是工作小提琴：

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