JSFiddle - React, Tailwind, and code Playground

by stevea

HTML

<div id="text" contentEditable="TRUE"></div>
<button id="bold">Bold</button>
<button id="list">Ordered List</button>
<button id="indent">Indent</button>

CSS

div#text {
    width:400px;
    height:200px;
    border:1px solid black;
    margin-top; 30px;
    margin-left:30px;
}

JavaScript

$('#bold').click(function() {
     document.execCommand('bold', false, false);
});

$('#list').click(function() {
     document.execCommand('insertorderedlist', false, false);
});

$('#indent').click(function() {
     document.execCommand('indent', false, false);
});