Question

I am experimenting with a script from another stackoverflow post. I have a textarea element that someone can enters text. By double clicking on it, it converts to div and it keeps line breaks. When you dblclick on the div to turn back to textarea, the <br />s are left as are.

You can see the jsfiddle right here http://jsfiddle.net/QUFZJ/

How can I get back the text without the br’s but keeping the line breaks ?

Answer 1

You should use

boxText = $(this).html().replace(/<br\s?\/?>/g,"\n");

instead of

$(this).val().replace(/<br\s?\/?>/g,"\n");

You need to assign new value to boxText because You set text area value like this

$(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' );

jsFiddle example