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

Question

使用 Remarkable 突出显示 HTML 代码时，我无法执行 highlight 函数。我取自示例 here :

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>');

参见fiddle

Answer 1

当你给它用 markdown 而不是 HTML 编写的文本时，Remarkable 会起作用。它会为您生成 HTML。如果您想自己编写 HTML，则不需要 Remarkable ;)

因此，您的测试线应如下所示:

var test = md.render('``` js\nvar x = 1;\n```\n');

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

这是工作 fiddle :

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