Question

如何在模板中显示换行符以显示在textarea中？

我正在尝试在,之后在每个模板中添加换行符，并且我认为由于使用</ br>而无法使用.value。

我尝试了JavaScript: How to add line breaks to an HTML textarea?和javascript | save textarea value with line breaks以及使用style="white-space:pre-wrap"的建议。

var template_Birthday = "Hey <NAME>, This is the Birthday Template.";
var template_NewJob = "Hey <NAME>, This is the New Job Template.";

var content = function() {
  var e = document.getElementById("template");
  var strUser = e.options[e.selectedIndex].value;

  if (strUser === "template_NewJob") {
    messageBodyTextarea.value = template_NewJob;
  } else if (strUser === "template_Birthday") {
    messageBodyTextarea.value = template_Birthday;
  }
};

<textarea class="form-control" rows="7" name="message" id="messageBodyTextarea"></textarea>

Answer 1

使用\ n表示新行。

var template_NewJob = "Hey <NAME>,\nThis is the New Job Template.";

Answer 2

由于您似乎正在设置// Place your key bindings in this file to overwrite the defaults [ { "key": "ctrl+o", "command": "workbench.action.files.openFile" }, { "key": "ctrl+alt+k", "command": "bookmarks.toggle", "when": "editorTextFocus" } ]的值，您是否尝试过转义的换行符：

textArea

如果您要将HTML写入DOM，则只需使用messageBodyTextarea.value = "Hey <NAME>, \nThis is the Birthday Template.";。

Answer 3

在HTML中为textarea添加换行符：

<textarea id="myTextarea">Line 1
Line 2
Line 3</textarea>

在JavaScript中为textarea添加换行符：

var ta = document.getElementById('myTextarea');
ta.value = 'Line1\nLine2\nLine3';

.value是否可以防止textarea中的换行符？

3 个答案: