JSFiddle - React, Tailwind, and code Playground

HTML

<h1>You can start typing</h1>
<div id="editor" class="editor" contentEditable="true">Hallo</div>

JavaScript

var input = document.createElement("b");                 //create it
document.getElementById('editor').appendChild(input);    //append it
input.tabIndex = 1;
input.focus();

input.addEventListener('keydown',function(e){
    var key = e.which || e.keyCode;
    this.innerHTML += String.fromCharCode(key);
})