Question

我有一个textarea更新下面的div作为预览框。问题是当你点击回车时，在预览框中它也应该输入一个。但它的作用是1次改变\ n到br然后其他人只是被空间取代。我一般不使用javascript，所以我很困惑。

我的代码：

<div class='fl' ><textarea id='textbox' onkeyup="document.getElementById('preview').innerHTML=document.getElementById('textbox').value.replace('\n','<br />');" name='description' class='arial f12' style='width:400px;height:200px;resize:vertical;'></textarea></div>
<div id='preview' class='f12 arial p10' style='background-color:#efefef;'></div>

示例：

1
  2
  3
   4

出现：

1
2 3 4

谢谢你们！

Answer 1

试试这个：

value.replace(/\n/g,'<br />')

<div class='fl' ><textarea id='textbox' onkeyup="document.getElementById('preview').innerHTML=document.getElementById('textbox').value.replace(/\n/g,'<br />');" name='description' class='arial f12' style='width:400px;height:200px;resize:vertical;'></textarea></div>

/ g使其成为全局替换（所有出现）

Answer 2

它所说的.replace('\n','<br />')代替.replace(/\n/g,'<br />')

/g表示“全局”，如“替换所有匹配”。没有它，只有第一场比赛被取代

Javascript预览框用\替换\ n

2 个答案: