繁体   English   中英

如何将文本区域中的换行符替换为<br/>

[英]How do I replace the line breaks in a textarea by a <br/>

我形成了一个textarea和一个按钮,用<br />标签替换了该textarea换行符。

码:

 var gtcontbtnafterTA = document.getElementById("contbtnafterTA"); var gtRequesttextarea = document.getElementById("Requesttextarea"); gtcontbtnafterTA.onclick = function(event) { "use strict"; Requesttextarea.replace(new RegExp('\\r?\\n', 'g'), '<br/>'); } 
 #Requesttextarea { font-family: Traditional Arabic; font-size: 14pt; color: #000099; font-weight: bold; text-align: center; direction: rtl; width: 80%; height: 100px; border: 3px double #FF0000 } #contbtnafterTA { font-family: Traditional Arabic; font-size: 14pt; color: #0000FF; font-weight: bold; width: 450 } 
 <p><textarea rows="50" name="Requesttextarea" cols="50" dir="rtl" id="Requesttextarea"></textarea></p> <p><input type="button" value="الخطوات التالية" name="contbtnafterTA" dir="rtl" id="contbtnafterTA" class="buttonstyles"></p> 

产生的错误:

在此处输入图片说明

对象不支持属性或方法replace

我希望我能得到一些用<br />标记代替换行符的代码


这是一些图片,以解释所需的结果。

之前:

在此处输入图片说明

后:

在此处输入图片说明

只有一行,有些<br />标签替换了每一行

您需要访问textarea值

 var gtcontbtnafterTA = document.getElementById("contbtnafterTA"); var gtRequesttextarea = document.getElementById("Requesttextarea"); gtcontbtnafterTA.onclick = function(event) { "use strict"; Requesttextarea.value = Requesttextarea.value.replace(new RegExp('\\r?\\n', 'g'), '<br/>'); } 
 #Requesttextarea { font-family: Traditional Arabic; font-size: 14pt; color: #000099; font-weight: bold; text-align: center; direction: rtl; width: 80%; height: 100px; border: 3px double #FF0000 } #contbtnafterTA { font-family: Traditional Arabic; font-size: 14pt; color: #0000FF; font-weight: bold; width: 450 } 
 <p><textarea rows="50" name="Requesttextarea" cols="50" dir="rtl" id="Requesttextarea"></textarea></p> <p><input type="button" value="الخطوات التالية" name="contbtnafterTA" dir="rtl" id="contbtnafterTA" class="buttonstyles"></p> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM