Code syntax highlight library

[ivanjaros]

What code syntax highlight extension would you recommend? I tried the https://www.npmjs.com/package/marked-highlight but it's not working(maybe it needs to be injected directly into marked and not as an extension, which does not work for me). Is there anything else available?

[UziTech]

Why is it not working? That is the one used in marked docs.

[ivanjaros]

Nevermind, I tried marked-shiki but it did not work either. I guess they both require a special way to be initialized and not used as mere extensions, which does not work for my setup. I will probably move to marked-it instead.

[UziTech]

We use marked-highlight as an extension. I don't know what special way you are talking about.

[ivanjaros]

Well, it's not an extension. It forces itself to be a markdown constructor that overrides some methods. Extension can be simply added into the "extensions" list when initiating markdown instance.

[ivanjaros]

For example my markdown is being initiated like so:

new Marked({
    async: true,
    breaks: true,
    gfm: true,
    extensions: [foo, bar],
    walkTokens: async (token) => { ... }

Highlight forces itself to be injected as new Marked(markedHighlight({...})).

[UziTech]

No you can use marked.use to use extensions after instantiation.

const marked = new Marked({
    async: true,
    breaks: true,
    gfm: true,
    extensions: [foo, bar],
    walkTokens: async (token) => { ... }
});

marked.use(markedHighlight({...}));

You can also add multiple extensions to new Marked

const marked = new Marked({
    async: true,
    breaks: true,
    gfm: true,
    extensions: [foo, bar],
    walkTokens: async (token) => { ... }
},
markedHighlight({...}));