如何在 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 ）。