javascript - 如何在 textarea 中编辑带有标签的 HTML 文档而不显示标签?
问题描述
这是我有点挣扎的事情。我有这个 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 标签,而是解释它并仅在 textarea 中显示文本。那可能吗?其他SO帖子中的一些建议这样做
<textarea [innerHTML]="getInnerHTML(name)" cols="" rows=""></textarea>
and in .ts file
getInnerHTML(val){
return val.replace(/(<([^>]+)>)/ig,'');
}
这种方法的问题在于它删除了所有标签。我想保留标签,但提供一种编辑文本的方法——有点像一些 CMS 系统,如 Wordpress、Wix 等。
我可以使用 Angular 做到这一点吗?
解决方案
也许您正在寻找可以嵌入到页面中的“所见即所得”HTML 编辑器(如TinyMCE )。
推荐阅读
- javascript - 在正则表达式中使用带有斜线表示法的 JS 字符代码
- python - 多处理不调用函数
- html - 让我的网站标志适应不同的分辨率
- excel - 使用 WinHTTP 在表单中抓取标签输入
- javascript - 如何使用与 index.html 处于同一级别的 Javascript 读取随机文件夹结构
- python-2.7 - 如何将我的 Airflow DAG 设置为等待 Dataflow 作业完成?
- html - 试图在 HTML-CSS 中的表单旁边获取一些信息
- python - Python GSpead 更改监听器?
- android - 编写 Espresso 测试时未找到 R.id
- jakarta-ee - @DependsOn 用于子类