自定义文本编辑器

Question

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

我们在应用程序中有一个textarea，我们想根据分隔符将textarea信息分隔成多个部分。我们想根据分隔符将textarea的信息分隔成多个部分。

分号和新行是分隔符。因此，如果我在textarea中粘贴以下信息

test1 test2 test3;

test1 test test3 test4
test1 test test3 test4

那么它应该显示如下

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

我希望这在textarea中是不可能的，但是有什么选项可以满足这种要求吗？

谢谢。

Answer 1

我想你需要这样的东西来向后端发送一个有效的对象。

const txtArea = `test1 test2 test3;

test1 test test3 test4
test1 test test3 test4`

const obj =
  Object.entries(txtArea.split(';'))
  .reduce((acc, [x, y]) => ({ ...acc,
    [x]: y
  }), {})

console.log(obj)