How to make a content editable div behave like a text area?

Question

I have built an editor that converts markdown to html. Right now I have to use jquery autosize plugin to resize the text area as it grows.

If I use a content-editable di

Answer 1

After searching for an answer and not finding anything that worked completely I wrote my own jQuery plugin.

https://github.com/UziTech/jquery.toTextarea.js

I used white-space: pre-wrap; and inserted '\n' on enter. That way I can use $("div").text() to get the text and not worry about removing tags and formatting
's

DEMO:

http://jsfiddle.net/UziTech/4msdgjox/