),然後獲取值顯示在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。