JSFiddle - React, Tailwind, and code Playground

by Jason Butz

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/1.7.1/remarkable.min.js"></script>

CSS

.img {
    width: 50%;
}

JavaScript

var md = new Remarkable({
  html:         false,        // Enable HTML tags in source
  xhtmlOut:     false,        // Use '/' to close single tags (<br />)
  breaks:       false,        // Convert '\n' in paragraphs into <br>
  langPrefix:   'language-',  // CSS language prefix for fenced blocks
  linkify:      false,        // Autoconvert URL-like text to links

  // Enable some language-neutral replacement + quotes beautification
  typographer:  false,

  // Double + single quotes replacement pairs, when typographer enabled,
  // and smartquotes on. Set doubles to '«»' for Russian, '„“' for German.
  quotes: '“”‘’',

  // Highlighter function. Should return escaped HTML,
  // or '' if the source string is not changed
  highlight: function (/*str, lang*/) { return ''; }
});
console.log(md);
console.log(md.renderer.rules);
md.renderer.rules.push('image', 'image-class', function() {
console.log(arguments);
}, {})

document.body.innerHTML = md.render('![](http://media0.giphy.com/media/113RhN1oBm1yCc/200.gif)');