如何在 textarea 中編輯帶有標簽的 HTML 文檔而不顯示標簽？

Question

這是我有點掙扎的事情。 我有這個 textarea 可以顯示帶有 HTML 標簽的文本。 我正在使用Angular 10和angular-material/@latest 。

這是顯示 HTML 文檔的文本區域。

<mat-form-field *ngIf="editStatement">
                            <textarea matInput [innerHTML]="statement.statement_description_html"></textarea>
</mat-form-field>

表格如下所示：

我想要的是不顯示 HTML 標簽，而是解釋它並僅在文本區域中顯示文本。 那可能嗎？ 其他SO帖子中的一些建議這樣做

<textarea [innerHTML]="getInnerHTML(name)" cols="" rows=""></textarea>

and in .ts file

getInnerHTML(val){
    return val.replace(/(<([^>]+)>)/ig,'');
  }

這種方法的問題在於它刪除了所有標簽。 我想保留標簽，但提供一種編輯文本的方法——有點像一些 CMS 系統，如 Wordpress、Wix 等。

我可以使用 Angular 執行此操作嗎？

Answer 1

也許您正在尋找可以嵌入到頁面中的“所見即所得”HTML 編輯器（如TinyMCE ）。