gpt4 book ai didi

javascript - 文本区域文本到表格单元格不携带回车符

转载 作者:行者123 更新时间:2023-11-28 20:05:35 24 4
gpt4 key购买 nike

我需要你的帮助,

如何制作一个文本区域,以便单击按钮时可以移动文本区域中的显示文本,并在表格单元格中使用回车符?现在的样子,它只是将所有内容合并到表格单元格中的一行中。警报框遵循回车符。

enter image description here

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">
function test(){

var x = document.getElementById('comments').value

var y = '<table><tr><td>'+x+'</td></tr></table>'

document.getElementById('tbl').innerHTML = y

//alert(x)

}
</script>

</head>

<body>

<div id="tbl"></div>

</body>

</html>

最佳答案

文本区域换行符与 HTML 换行符不同。

var text = document.getElementById('comments').value;
text = text.replace(/\r?\n/g, '<br />');

使用上述内容会将换行符转换为标准 HTML 换行符 <br/> .

代码:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function test(){

var x = document.getElementById('comments').value;
x = x.replace(/\r?\n/g, '<br />');
var y = '<table><tr><td>'+x+'</td></tr></table>';

document.getElementById('tbl').innerHTML = y;

}
</script>
</head>
<body>
<div id="tbl"></div>
</body>
</html>

关于javascript - 文本区域文本到表格单元格不携带回车符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20889478/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com