Пользовательский текстовый редактор

Question

у нас есть веб-приложение, интерфейс написан на Angular 7.

у нас есть текстовая область в приложении. Мы хотим разделить информацию 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)