replace new line characters with <p> tags

yep

by Sree K

HTML

<textarea></textarea>

<input type="submit" id="submit" value="  do that magic  " />

<div></div>

CSS

* { margin: 0px; padding: 0px; }
textarea { width: 200px; height: 200px; }
div { border: 1px solid #ccc; }
p { border: 1px solid #aaa; }

JavaScript

$("#submit").on("click", function() {
    $("div").html(replaceBreaksWithParagraphs($("textarea").val()));
});

function replaceBreaksWithParagraphs(input) {
    input = filterEmpty(input.split('\n')).join('</p><p>');
    return '<p>' + input + '</p>';
}


function filterEmpty(arr) {
    var new_arr = [];
    
    for (var i = arr.length-1; i >= 0; i--)
    {
        if (arr[i] != "")
            new_arr.push(arr.pop());
        else
            arr.pop();
    }
    
    return new_arr.reverse();
};