Textarea с тегами ключевых слов в Angular

Question

Возможно ли иметь textarea, который допускает простой текст, но превращает определенные ключевые слова в "фишки" (или какой-либо другой стилизованный эквивалент)? В идеале я мог бы сделать это с Angular Material, но я бы также хотел использовать другую библиотеку, совместимую с Angular. Я много занимался поиском и не могу найти то, что ищу.

Примеры "Фишки с вводом" и "Фишки с автозаполнением" здесь аналогичны тем, что я хочу, но не 'Кажется, что допускается простой текст: https://material.angular.io/components/chips/examples

Answer 1

Вы можете сделать это с некоторым обходным путем:

Вы отображаете <div [innerHTML]="formatedCode"> с форматированным текстом внутри

Когда вы нажимаете на него, вы отображаете вместо <text-area [value]="formatedCode">, чтобы пользовательможно изменить содержимое.

Когда пользователь завершит работу, вы отобразите содержимое на нужный форматированный код. и отобразить <div>