JSFiddle - React, Tailwind, and code Playground

by nicholasstephan

HTML

<script src="https://raw.github.com/xing/wysihtml5/master/dist/wysihtml5-0.3.0.min.js"></script>
<script src="https://raw.github.com/xing/wysihtml5/master/parser_rules/advanced.js"></script>
<div id="wysihtml5-toolbar" style="display: none;">
  <a data-wysihtml5-command="bold">bold</a>
  <a data-wysihtml5-command="italic">italic</a>
</div>
<textarea>
    <p><em>Chuck Norris</em> once pissed in the gas tank of an 18 wheeler truck. That truck is now known as <strong>Optimus Prime</strong></p>
</textarea>

CSS

textarea {
    width:300px;
    height:200px;
    padding:10px;
    font-size:12px;
    line-height:16px;
}

JavaScript

var textarea = $('textarea')[0];
var toolbar = $("#wysihtml5-toolbar")[0];

var editor = new wysihtml5.Editor(textarea, {
  toolbar: toolbar,
  parserRules: wysihtml5ParserRules
});