过滤textarea输入数据

Question

想要实现这样的功能

1. 将textarea提交到数据库时，将删除换行符（例如\ n->“ bar2019”）。
从数据库导出并显示的
2. 数据与div.output具有相同的效果（例如“ bar2019”-> || \ n）。

1：当str + =“ bar2019”时：

str = str.replace（/ bar2019 / g，“
”）;

只能替换最后一个“ bar2019”

2：当str + =“ \ n”时：

str = str.replace（/ \ n / g，“
”）;

所有“ \ n”都可以替换

function filterData(e) {
    str = this.value;

    if (e.keyCode === 13) {
        // error: bar2019 ?
        // str += "bar2019";
        // good: \n
        str += "\n";
    }

    console.log(this.value);
    // error: bar2019 ?
    // str = str.replace(/bar2019/g, "<br>");
    // good: \n
    str = str.replace(/\n/g, "<br>");
    dataOutput.innerHTML = str;
}

var dataInput = document.getElementById("dataInput"),
    dataOutput = document.getElementById("dataOutput"),
    str = "";

function filterData(e) {
    str = this.value;

    if (e.keyCode === 13) {
        // error: bar2019 ?
        // str += "bar2019";
        // good: \n
        str += "\n";
    }

    // console.log(this.value);
    // error: bar2019 ?
    // str = str.replace(/bar2019/g, "<br>");
    // good: \n
    str = str.replace(/\n/g, "<br>");
    dataOutput.innerHTML = str;
}

dataInput.addEventListener("change", filterData, false);
dataInput.addEventListener("input", filterData, false);
dataInput.addEventListener("keypress", filterData, false);
dataInput.addEventListener("keyup", filterData, false);
dataInput.addEventListener("plate", filterData, false);

.data-filter {
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
}

.data-filter>textarea,
.data-filter>div {
    width: 48%;
    min-height: 300px;
    padding: 10px;
    border: 1px solid #aaa;
    float: left;
}

.data-filter>div {
    color: #f80;
}

<div class="data-filter">
    <textarea name="dataInput" id="dataInput" placeholder="Data input"></textarea>
    <div id="dataOutput"></div>
</div>