Textarea Line Breaks into HTML (Javascript/jQuery)
By | Wednesday, January 11, 2012


Hide Comments






jQuery:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function break_lines(v){ //TEXTAREA "#t" VALUE
var text = v.replace(/\n/gi, "<br>"); //FOR EVERY "LINE" IN THE TEXTAREA, A <br> WILL BE IN HTML
$("#text").html(text); //NEW TEXT WILL BE DISPLAYED IN HTML
}
</script>
</head>
<body>
<textarea id="t" onClick="break_lines(this.value)"></textarea>
<div id="text"></div>
</body>
</html>
Jaavascript:
<html>
<head>
<script>
function break_lines(v){ //TEXTAREA "#t" VALUE
var text = v.replace(/\n/gi, "<br>"); //FOR EVERY "LINE" IN THE TEXTAREA, A <br> WILL BE IN HTML
document.getElementById("text").innerHTML = text;
}
</script>
</head>
<body>
<textarea id="t" onClick="break_lines(this.value)"></textarea>
<div id="text"></div>
</body>
</html>