Как отобразить строку HTML (теги HTML) в качестве содержимого в текстовой области?

Question

Я хочу отобразить HTML-теги в теге div, поэтому я использовал, как,

<p [innerHTML]="data"> // data is a html tags for ex: h1 tag
</p>

работает нормально, но если я хочу напечатать в текстовой области, он не переводит HTML-код, а непосредственно печатает HTML-код как,

<textarea  rows="4" cols="50">
    {{data}}
</textarea>

Вот рабочий код на стеке,

Answer 1

<textarea> является элементом ввода, вы не можете привязать к нему HTML-теги, такие как <b> или <i>.

Чтобы связать данные, удалите эти HTML-теги из машинописного текста и привяжите их в <textarea>, используя [(ngModel)]

Попробуй так:

<textarea  rows="4" cols="50" [(ngModel)]="data">
</textarea>

Answer 2

На этот вопрос уже есть ответ в стеке Рендеринг HTML внутри текстовой области

То, что вы делаете, установите редактируемый тег div

Answer 3

Это невозможно, то, что вы ищете, это редактируемый контент div.Посмотрите на эту скрипку , но в основном вам нужно (просто перевести это на Angular):

<div contenteditable="true">This is the first line.<br>
    See, how the text fits here, also if<br>there is a <strong>linebreak</strong> at the e nd?
    <br>It works nicely.
    <br>
    <br><span style="color: lightgreen">Great</span>.
</div>