Javascript 自定义文本编辑器

我们有一个web应用程序，前端用Angular 7编写

我们在应用程序中有一个文本区域。我们希望基于分隔符将textarea信息分隔为多个部分

分号后跟新行是分隔符。因此，如果我在文本区域粘贴/写入以下信息

test1 test2 test3;

test1 test test3 test4
test1 test test3 test4

然后它应该显示如下

这样用户就很容易理解他正在向后端发送两个对象

我希望这在textarea中是不可能的，但是对于这种需求有什么选择吗

---

谢谢

我想您需要这样的东西来向后端发送有效的对象

const txtArea=`test1 test2 test3；
测试1测试3测试4
测试1测试3测试4`
常数obj=
Object.entries（txtrain.split（'；'））
.reduce（（acc，[x，y]）=>（{…acc，
[x] ：y
}), {})
console.log（obj）

我认为您希望这样的东西将有效对象发送到后端

const txtArea=`test1 test2 test3；
测试1测试3测试4
测试1测试3测试4`
常数obj=
Object.entries（txtArea.split（“；”））
.reduce（（acc，[x，y]）=>（{…acc，
[x] ：y
}), {})
log（obj）

我不写Angular，但我会这样做。1.在模糊或更改时，获取所有用户输入，检测断字2。将单词break替换为hr标记3。将当前值替换到DOM中。嗨，Neon，然后文本编辑器变成html编辑器，对吗？我想不出更好的方法，因为如果你想让用户看到它，你需要在DOM中进行一些解析，如果它是由后端处理的，它会更容易。。再一次，我不写angular，只是一个建议。这里的用例是什么？我不写angular，但我会这样做。1.在模糊或更改时，获取所有用户输入，检测断字2。将单词break替换为hr标记3。将当前值替换到DOM中。嗨，Neon，然后文本编辑器变成html编辑器，对吗？我想不出更好的方法，因为如果你想让用户看到它，你需要在DOM中进行一些解析，如果它是由后端处理的，它会更容易。。再一次，我不写angular，只是一个建议。你在这里的用例是什么？我想在发送到后端之前将UI中的多个对象可视化给用户，但你仍然想要一个有效的对象格式，这个答案提供了什么？您可以很容易地使用来可视化前端上的数据。我想在将UI中的多个对象发送到后端之前将其可视化给用户，但您仍然需要一个有效的对象格式，这个答案提供了什么？您可以轻松地在前端使用可视化数据