文本区域自动换行

Question

我的网站上有一个文本区域，我想在其中粘贴 URLs。

是否可以在每次粘贴时创建换行符URL？如果没有，它可以在我输入 space 时创建换行符吗？

我已经搜索了解决方案，但我找到的只是在提交表单后创建换行符的解决方案，但对我没有帮助。

Answer 1

function ConvertToLinks() {
  str = document.getElementById("S1").value;
  str = str.replace(/\r\n|\n/g,'<br>');
  document.getElementById('txtLinks').innerHTML = str;
}

<html>
<head>
<title>Text area redirect</title>

</head>
<body>
<textarea rows="5" id="S1" name="S1" cols="40">
<a href="http://yahoo.com">Yahoo</a>
<a href="http://google.com">Google</a>

<a href="http://webdeveloper.com">Web Developer</a>
<a href="http://www.codingforums.com/javascript-programming/195565-place-links-textarea.html">from Web</a>
</textarea>
<br><button onclick="ConvertToLinks()">Convert to Links</button>
<div id="txtLinks" style="width:350px;min-height:100px;border:1px solid red"></div>
</body>
</html>

通过 http://www.codingforums.com/javascript-programming/195565-place-links-textarea.html

Answer 2

Fiddle 这里：https://jsfiddle.net/3sj2644z/

this.value = this.value + "\n";

您监听文本区域上的粘贴事件并抓取其中当前的文本并向其附加一个带有转义字符 \n 的换行符，然后将该新字符串值放回文本区域。

您没有在文本区域中使用 html，所以如果您认为 br 标签不起作用。

文本区域自动换行

Textarea automatic line break

javascript

html

textarea

space

line-breaks