JSFiddle - React, Tailwind, and code Playground

by craigwann

HTML

<script src="https://cdn.rawgit.com/craigwann/markdown_preview/master/markdown_preview.js"></script>
<div class="container">
    
    <textarea class="markdown_field">**Markdown content** goes ***here***</textarea>
    
    <div class="markdown_output"></div>
    
</div>

CSS

textarea {
    width: 100%;
    height: 200px;
}

.markdown_output {
    font-family: georgia; 
    font-size: 1.5em;
}

JavaScript

var el = $(document.body).getElement('.container');

new MarkdownPreview(el, {
    text_field: '.markdown_field',
    preview_container: '.markdown_output'
});