如何用<br/>替换textarea中的换行符

时间:2018-06-11 11:52:10

标签: javascript html

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

代码:

&#13;
&#13;
var gtcontbtnafterTA = document.getElementById("contbtnafterTA");
var gtRequesttextarea = document.getElementById("Requesttextarea");

gtcontbtnafterTA.onclick = function(event) {
  "use strict";
  Requesttextarea.replace(new RegExp('\r?\n', 'g'), '<br/>');
}
&#13;
#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
}
&#13;
<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>
&#13;
&#13;
&#13;

结果错误:

enter image description here

对象不支持属性或方法replace

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

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

之前:

enter image description here

之后:

enter image description here

有一行和一些<br />代码替换每一行

1 个答案:

答案 0 :(得分:0)

您需要访问textarea值

&#13;
&#13;
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/>');
}
&#13;
#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
}
&#13;
<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>
&#13;
&#13;
&#13;