JSFiddle - React, Tailwind, and code Playground

by textboxio

HTML

<script src="https://s3.amazonaws.com/static.ephox.com/jsfiddle/textboxio/textboxio.js"></script>
<div class="editor">
 <p>
 Some content
 </p>
 <p>
 Some content
 </p>
 
 <p>
 Some content
 </p>
 <p>
 Some content
 </p><p>
 Some content
 </p>
 
 </div>

CSS

body, div, span, h1, h2, h3, h4, h5, h6, h7, p, ol, ul, li, table, tr, td { font-size: 14px !important; font-family: helvetica !important; text-align: right !important; color: #444444 }

JavaScript

textboxio.replace('.editor', {
  ui: {
    toolbar: {
      items: [ [ 'bold' ] ]
    }
  }
});