自定義文本編輯器

Question

我們有一個 web 應用程序，前端用 Angular 7 編寫。

我們在應用程序中有一個文本區域。 我們希望根據分隔符將文本區域信息分成多個部分。

分號后跟一個新行是分隔符。 因此，如果我在文本區域中粘貼/寫入以下信息

test1 test2 test3;

test1 test test3 test4
test1 test test3 test4

然后它應該顯示如下

這樣用戶很容易理解他正在向后端發送兩個對象。

我希望它在 textarea 中是不可能的，但是是否有任何選項可以滿足這種要求？

謝謝

Answer 1

我想你想要這樣的東西來發送一個有效的 object 到后端

 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)