You can create an editable div using contenteditable attribute on your element.

Introduction

To make an editable div, you just need to add contenteditable="true|false" property to your element. Below div has this property and this will work like editable.

<div contenteditable="true">Hello this is an editable div</div>

Style

Let's add some style so that it may look like a textarea element.

.editableDiv {
    width: 50%;
    height: 100px;
    overflow: auto;
    padding: 5px;
    resize: both;
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid #ccc;
}

HTML

<div class="editableDiv" contenteditable="true">Hello this is a div which looks like a textbox</div>

Output

Thanks for reading the article. I will write more soon. Till than be connected...