Did you ever thought to make an editable div element or <p>, <span>, etc. that works the same as a Text field and Textarea.
Some websites allow the user to edit their content by just pointing to the content and start to update it.
You will already know that <div> is a read-only container that means you can’t edit the content inside of it.
In this tutorial, I show how you can do this with the contentEditable attribute.