有没有办法从ngx编辑器获取文本?

时间:2018-07-08 06:07:26

标签: angular ngx-editor

我知道可以使用HTML来检索[(ngModel)]="htmlContent",但是是否可以仅获取文本?谢谢。

示例:

此文本为粗体这是斜体

html内容:<b>This text is bold</b><i>This is italics</i>

文本内容:This text is bold. This is italics

Raised github issue

2 个答案:

答案 0 :(得分:2)

您可以使用DOMParser类进行解析,然后仅使用innerText属性。

假设您将HTML包含在名为html的变量中,那么它将是

let html = '<b>This text is bold</b>.<i>This is italics</i>';

var oParser = new DOMParser();
var oDOM = oParser.parseFromString(html, "text/html");
var text = oDOM.body.innerText;

console.log(text);

有关解析器的更多信息,请访问https://developer.mozilla.org/en-US/docs/Web/Guide/Parsing_and_serializing_XML

答案 1 :(得分:1)

是的!只需按照以下步骤使用innerHTML属性:

<div [innerHTML]="model.property"></div>