Highlight.js incorporation?

Is there a way to get highlight.js code syntax highlighting rendered in code blocks, like on Github or Discord?

For example:

```js if (foo) { console.log(bar) } ```

Would be coloured with Javascript syntax colours, as seen below, because I specified js after the first ```.

if (foo) {
    console.log(bar)
}

Please note that I am not using Node.js, but rather a js file linked to an HTML file on a Github Pages site, so I do not believe that extensions are possible for me. If I am wrong and there is a way to get extensions to load, I would appreciate you sharing it!

Thanks 😃

[tivie]

@jacobcxdev that particular extension you linked is made exclusively for node because the author is using a non conventional way to load it.

However, it’s trivial to refactor it to make it work in the browser (see fiddle in action)

showdown.extension('highlight', function () {
  return [{
    type: "output",
    filter: function (text, converter, options) {
      var left = "<pre><code\\b[^>]*>",
          right = "</code></pre>",
          flags = "g";
      var replacement = function (wholeMatch, match, left, right) {
      	var lang = (left.match(/class=\"([^ \"]+)/) || [])[1];
        left = left.slice(0, 18) + 'hljs ' + left.slice(18);
        if (lang && hljs.getLanguage(lang)) {
          return left + hljs.highlight(lang, match).value + right;
        } else {
          return left + hljs.highlightAuto(match).value + right;
        }
      };
      return showdown.helper.replaceRecursiveRegExp(text, replacement, left, right, flags);
    }
  }];
});

[tivie]

---

Donate

As you know, ShowdownJS is a free library and it will remain free forever. However, maintaining and improving the library costs time and money. If you like our work and find our library useful, please donate through Pledgie or directly through paypal!! Your contribution will be greatly appreciated and help us continue to develop this awesome library.