關於textarea的換行問題

此文是針對textarea標籤的換行問題,比如說我在textarea編輯框中輸入多行(如果不加
),然後獲取值顯示在div中,得到的只有一行,現在是我想在textarea中輸入什麼樣的格式,然後在div中顯示什麼樣的格式 ,應該怎樣來解決呢?
解決的方法還是有的,下面的代碼就是可以解決,來實現上面所想要的功能,如下的代碼細節:
JavaScript code:
<!DOCTYPE >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="http://www.znjcx.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(function(){
$("#textarea1").keyup(function(){
$("#div2").html($("#textarea1").val().replaceAll("\n","<br>"));
});
});
String.prototype.replaceAll = function(s1, s2) {
var r = new RegExp(s1.replace(/([\(\)\[\]\{\}\^\$\+\-\*\?\.\"\'\|\/\\])/g,"\\$1"),"ig");
return this.replace(r,s2);
}
</script>
</head>
<body>
<textarea id="textarea1" style="width:200px;height:100px;"></textarea>
<div id="div2" style="width:200px;height:100px;border:dashed 1px red;overflow-y:auto;"></div>
</body>
</html>

PS:用replace是不行的!如果是上面的這種代碼,用replace的話, 只能替換一個回車,所以一定要用上面代碼中的那個自定義的 replaceAll!

此文由Web開發之答疑解惑源(http://www.znjcx.com)整理而成,若需轉載,請註明轉載出處:http://www.znjcx.com/html/y2012/4187_textarea.html,謝謝!

更多關於換行的問題如下:

1.php解析後爲何出現換行?

2.關於td換行的問題

3.html塊之間換行

4.如何讓span並排不換行?

5.如何去除字符串前後的換行回車?

請參閱www.znjcx.com。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章