如何断行 javascript（生成 HTML 代码的表单）

Question

下面的代码是生成html代码的表单
我希望每个字段都位于“发布文本”字段中的单独一行

当前输出：

<div>texthere</div><script>texthere</script><style>texthere</style>

预期输出：

<div>texthere</div>
<script>texthere</script>
<style>texthere</style>` 

function submitted() {
  var formValue0 = '<div>' + document.getElementsByName("content")[0].value + '</div>';
  var formValue1 = '<script>' + document.getElementsByName("content")[1].value + '<\/script>';
  var formValue2 = '<style>' + document.getElementsByName("content")[2].value + '</style>';
  document.getElementsByName("content")[3].value = formValue0 + formValue1 + formValue2;
  return false;
}

<form onsubmit="return submitted()">
  Field 1:<br><input type="text" name="content"><br> 
  Field 2:<br><input type="text" name="content"><br> 
  Field 3:<br><input type="text" name="content"><br>
  <input type="submit" value="DONE"><br><br> 
  
  Post text:<br><textarea name="content" style="height:200px"></textarea>
</form>

您可以将此代码用于几件事，并使用重复代码（例如必须手动编辑 html 的自定义帖子）加快您的工作

Answer 1

你可以像这样使用换行符\n -

function submitted() {
   var formValue0 = '<div>'+ document.getElementsByName("content")[0].value +'</div>\n';
   var formValue1 = '<script>'+ document.getElementsByName("content")[1].value +'<\/script>\n';
   var formValue2 = '<style>'+ document.getElementsByName("content")[2].value +'</style>\n';
   document.getElementsByName("content")[3].value = formValue0+formValue1+formValue2;
   return false;
}

<form onsubmit="return submitted()"> 
  Field 1:<br><input type="text" name="content"><br>
  Field 2:<br><input type="text" name="content"><br>
  Field 3:<br><input type="text" name="content"><br>
  <input type="submit" value="DONE"><br><br> 
  Post text:<br><textarea name="content" style="height:200px"></textarea>
</form>