How to create a showdown js markdown extension

Question

Using the following code  I get working output    lt html gt     lt head gt       lt script type  text javascript  src   js showdown js  gt  lt  script gt     lt  head gt     lt body gt       lt script type  text javascript  gt        var converter   new Showdown converter          alert converter makeHtml   test  abc          lt  script gt     lt  body gt   lt  html gt    Returning  lt p gt  lt em gt test lt  em gt  abc lt  p gt   I would now like to add an extension   The github page suggests this can be done with    lt script src  src extensions twitter js    gt  var converter   new Showdown converter   extensions   twitter        However  modifying my code to    lt html gt     lt head gt       lt script type  text javascript  src   js showdown js  gt  lt  script gt       lt script type  text javascript  src   js twitter js  gt  lt  script gt     lt  head gt     lt body gt       lt script type  text javascript  gt        var converter   new Showdown converter   extensions   twitter            alert converter makeHtml   test  abc          lt  script gt     lt  body gt   lt  html gt    Produces the error   Uncaught Extension  undefined  could not be loaded   It was either not found or is not a valid extension     Adding the following code  as listed under the Filter example   var demo   function converter      return          Replace escaped   symbols       type   lang   function text          return text replace      g                        Produces an error Uncaught SyntaxError  Unexpected token    I would like to create an extension like this one https   github com rennat python-markdown-oembed to interpret a   video  youtube link   but it s unclear how to begin adding this support

User · Accepted Answer

In your last block you have a comma after 'lang', followed immediately with a function. This is not valid json.

EDIT

It appears that the readme was incorrect. I had to to pass an array with the string 'twitter'.

var converter = new Showdown.converter({extensions: ['twitter']}); converter.makeHtml('whatever @meandave2020'); // output "<p>whatever <a href="http://twitter.com/meandave2020">@meandave2020</a></p>"

I submitted a pull request to update this.

[javascript] How to create a showdown.js markdown extension

Examples related to javascript

Examples related to showdown