JSFiddle - React, Tailwind, and code Playground

HTML

<iframe id="result" src="/k8ywLxp6/show" frameborder="0"></iframe>

JavaScript

var blur = function () {
    console.log('blur')
    $(this).replaceWith("<h1 class='pf-change-h1' >" + this.value + "</h1>");
}
$("#result").contents().on('click', ".pf-change-h1", function () {
    var input = $("<input type='text' value='" + ($(this).html() || this.value) + "' class='pf-change-h1' />");
    $(this).replaceWith(input);
    input.focus().blur(blur);
});