JSFiddle - React, Tailwind, and code Playground

by alessia_fachin

HTML

<pre><code contenteditable="true">def hello_world
    puts "hello world!"                
end
</code></pre>
<small> click on the code to modify</small>
<br/>
<button id="bold">BOLD</button>
<button id="italic">ITALIC</button>

CSS

code{
    display: block;
    margin: 10px;
    padding: 10px;
    background: #AAA;
}

JavaScript

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

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