我想在文本区添加换行符。我尝试了\n和<br/>标签,但不工作。你可以看到上面的HTML代码。你能帮我在文本区插入换行符吗?
<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea>
<textarea cols='60' rows='8'>This is my statement one.<br/> This is my statement2</textarea>
我想在文本区添加换行符。我尝试了\n和<br/>标签,但不工作。你可以看到上面的HTML代码。你能帮我在文本区插入换行符吗?
<textarea cols='60' rows='8'>This is my statement one.\n This is my statement2</textarea>
<textarea cols='60' rows='8'>This is my statement one.<br/> This is my statement2</textarea>
当前回答
我的.replace()函数使用其他答案中描述的模式无法工作。在我的案例中起作用的模式是:
var str = "Test\n\n\Test\n\Test";
str.replace(/\r\n|\r|\n/g,' ');
// str: "Test Test Test"
其他回答
试试这个:
这是我的语句1。这是我的语句2</textarea>
& # 10;换行和 回车都是HTML实体。通过这种方式,您实际上是在解析新行(“\n”),而不是将其显示为文本。
T.innerText = "Position of LF: " + t.value.indexOf("\n");
p3.innerText = t.value.replace("\n", "");
<textarea id="t">Line 1 Line 2</textarea>
<p id='p3'></p>
如果你使用react
函数内部
const handleChange=(e)=>{
const name = e.target.name;
let value = e.target.value;
value = value.split('\n').map(str => <span>{str}<br/></span>);
SetFileds({ ...fileds, [name]: value });
}
试试这个。工作原理:
<textarea id="test" cols='60' rows='8'>This is my statement one. This is my statement2</textarea>
替换<br>标签:
$("textarea#test").val(replace($("textarea#test").val(), "<br>", " ")));
<textarea cols='60' rows='8'>This is my statement one.
This is my statement2</textarea>
提琴显示它的工作:http://jsfiddle.net/trott/5vu28/。
如果你真的想让它在源文件中的单行上,你可以插入HTML字符引用,用于换行和回车,如@Bakudan的回答所示:
这是我的语句1。这是我的语句2</textarea>