JSFiddle - React, Tailwind, and code Playground

by Stefano Bertoli

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"><strong>Bold</strong></button>

CSS

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

JavaScript

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