javascript - 如何覆盖marked.js ul元素？

我正在通过nunjucks-markdown使用marked.js在节点/ express应用中渲染markdown。

markdown内容可以很好地呈现，但是，我想在ul元素上设置默认类。

默认情况下，它通过:

 <ul>

但我想全局覆盖它，因此将其呈现为:

<ul class='toolkit-list'>

在我的app.js文件中，我尝试过:

const nunjucksMarkdown = require('nunjucks-markdown');
const marked = require('marked');

let markedRender = new marked.Renderer()
let renderListitem = markedRender.listitem.bind(markedRender)
markedRender.listitem = function(text, task) {
    var html = renderListitem(text, task)
    if (task) {
         html = html.replace('<ul>', "<ul class='toolkit-list'>")
    }
    return html
  }
nunjucksMarkdown.register(nunjucksAppEnv, marked)

最佳答案

这可能需要进一步调整，但应该可以帮助您开始:

const marked = require('marked');

var md_list = `
- First
- Second
`;

const renderer = new marked.Renderer();

renderer.list = function(body, ordered, start) {
    var temp = "<ul class='toolkit-list'>${body}</ul>";

    return temp;
}

console.log(marked(md_list, { renderer: renderer }));

产生的输出:

<ul class='toolkit-list'>
  <li>First</li>
  <li>Second</li>
</ul>