JSFiddle - React, Tailwind, and code Playground

by Salvador Dali

HTML

<script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
In the paragraph below you can edit your html. Click on it to start editing

<div class="editableArea">This is my content The H1 element should look like this This is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content</div>

<div class="editableArea">This is my content The H1 element should look like this This is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content</div>

<div class="editableArea">This is my content The H1 element should look like this This is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content The H1 element should look like thisThis is my content</div>

CSS

.editableArea{
    margin: 40px 20px 20px 20px
}

JavaScript

tinymce.init({
    selector: "div.editableArea",
    schema: "html5",
    inline: true,
    toolbar: "bold italic underscore",
    menubar: false
});