Javascript换行文本区域

Posted

技术标签:

【中文标题】Javascript换行文本区域【英文标题】:Javascript Line Break Textarea 【发布时间】:2012-02-06 07:30:15 【问题描述】:

我有一个文本区域,我想预先填充一些包含换行符的特定文本。我正在填充 onLoad 区域,但我无法让换行符正常工作。关于如何做到这一点的任何建议?谢谢。

【问题讨论】:

发布代码示例、数据示例、环境和您正在运行的浏览器。还应将其他问题的答案归功于他人。 【参考方案1】:

你需要用换行符替换换行符:\n

【讨论】:

【参考方案2】:

只需使用换行符:\n

所以,如果你想让 textarea 看起来像这样:

这是第 1 行 这是第 2 行

你会使用这样的字符串:

"This is line 1\nThis is line 2";

在此处查看演示:http://jsfiddle.net/MzmBd/

【讨论】:

【参考方案3】:

如多次所述,您需要\n 字符。

请看这里: http://jsfiddle.net/XbALv/

document.getElementById("blah").value = 
"This" + "\n" +
"is some" + "\n" +
"text" + "\n";

【讨论】:

【参考方案4】:

我尝试了很多方法来将一个文本区域分解为一个数组。用了这个方法,可能不是最好的。

使用 .split('\n') 不会删除中断,它会在插入数据库时​​创建空白或中断。因此,我将其替换为

文本区域内容: 12345 6789


a = a.replace(/\n|\r\n|\r/g, "<br>");

var stringArray = a.split('<br>');

for (var i = 0; i < stringArray.length; i++) 
var myString = stringArray[i];
myString = myString.replace('<br>', "");

response.write(myString);

【讨论】:

【参考方案5】:

像这样替换:

str.replace(/[\r\n]+/g, '\\\n') %>';

【讨论】:

【参考方案6】:

将文本区域分解为数组

文本区域内容: underscore_case 名 Some_Variable 计算_AGE delay_departure

   const variableCase = function (variable) 
        const variableSplit = variable.split('\n');
        const spaceRemoved = [];

        for (const removeSpace of variableSplit) 
          const RST = removeSpace.trim();
          spaceRemoved.push(RST);
        

        console.log(spaceRemoved); // output: ["underscore_case", "first_name", "Some_Variable", "calculate_AGE", "delayed_departure"]
      ;

【讨论】:

以上是关于Javascript换行文本区域的主要内容,如果未能解决你的问题,请参考以下文章

Javascript检测文本区域中的滚动条

让用户选择在文本区域中显示多少行 [HTML] [JAVASCRIPT?]

在文本区域中获取行号[重复]

如何阻止文本区域自动换行? [复制]

如何查找文本区域中的文本是不是换行为多行?

禁用 HTML 文本区域中的换行符