Javascript 如何在第二个区域获得所需的输出？

我想制作一些表格，我的想法是把这个文本复制到我的第一个文本区域：text

33345677 RM  GW
456575 FAC GOG

在第二个名为：out1的文本区域中生成以下输出

    "RBD|facebook|W|google|C|33345677~W~RM  GW" "dasd.wbs"
    "RBD|facebook|I|google|C|33345677~E~RM  GW" "dasd.wbs"
    "RBD|facebook|O|google|C|33345677~R~RM  GW" "dasd.wbs"
    "RBD|facebook|W|google|C|456575~W~FAC GOG" "dasd.wbs"
    "RBD|facebook|I|google|C|456575~E~FAC GOG" "dasd.wbs"
    "RBD|facebook|O|google|C|456575~R~FAC GOG" "dasd.wbs"

我需要为第一个textarea的每行生成3个表，规则是我有两个参数，第一个空格定义第一个参数的结尾， 两个文本区域的代码如下所示：

<textarea cols="70" rows="15" id="text" ></textarea>
<div cols="70" rows="15" id="out1" ></div>

---

替换第一个参数和第二个参数，

您可以使用正则表达式应用

.replace（）

：

var generate=document.getElementById（'generate'）；
var input=document.getElementById（'input'）；
var output=document.getElementById（'output'）；
generate.onclick=function（）{
var text=input.value；
text=text。替换（/（\S+）\S+（.*）/g，
““RBD | facebook | W | google | C | 1~W ~$2”“dasd.wbs”\n”+
““RBD | facebook | I | google | C | 1~E ~$2”“dasd.wbs”\n”+
"RBD | facebook | O | google | C |$1~R ~$2"dasd.wbs";；
output.textContent=文本；
};
33345677吉瓦
456575 FAC GOG

生成表

这真的很好，我得到了所需的输出，非常感谢这种方法，让我稍等一下，看看是否还有其他方法。还有一个问题，我得到的是表，但我得到的是三行，而不是六行，有一种方法可以得到所有具有相应换行符的表吗？您运行代码段了吗？它产生6行，而不是3行。是的，我在chrome中运行了这个代码段，但是如果我按expand snipped，我得到的行会更少，这与HTML呈现有更多的关系。在输出
div
中添加类似于
whitespace:pre
样式的内容，您将看到换行符。或者将其输出到
pre
元素中，而不是
div
。我用第一个解决方案更新了我的答案。
<div class="wrapper">
<button class="button buttom0" style="vertical-align:middle;background-color:Green" onclick="generateTables()"; ><span>Generate Tables</span></button>  
using the function called: generateTables,
function generateTables() {
var newText = document.getElementById("text").value;
document.getElementById("out1").innerHTML = newText;
}

"RBD|facebook|W|google|C|[FIRSTPARAMETER]~W~[SECONDPARAMETER]" "dasd.wbs"
"RBD|facebook|I|google|C|[FIRSTPARAMETER]~E~[SECONDPARAMETER]" "dasd.wbs"
"RBD|facebook|O|google|C|[FIRSTPARAMETER]~R~[SECONDPARAMETER]" "dasd.wbs"