以角显示HTML字符串为纯文本

Question

我正在用Angular开发一个博客。在这里，我想将从数据库中检索到的HTML字符串显示为纯文本(用于列出每个博客文章的预览)。HTML富文本是使用ngx-quill生成的。

我可以使用代码<quill-view [content]="post.content"></quill-view>来呈现富文本。但我需要呈现与纯文本相同的内容。

我怎样才能以ngx-quill /角度的方式做到这一点。请帮帮我！我不喜欢使用DOMElement.text()获取JavaScript方法。

Answer 1

我不知道毛刺..。

所以也许会有另一个很好的解决方案

我想你可以用这样的管道解决这个问题

​

@Pipe({ name: 'truncateHtml' })
export class TruncateHtmlPipe implements PipeTransform{

    constructor() { }

    transform(text: string ) {

        if (!text) {
            return text;
        }

        let without_html = text.replace(/<(?:.|\n)*?>/gm, ' ');
        
        return without_html;
    }

}

​

如果您不想在模板中使用

只需返回该值并使用它即可。

我希望它能帮上忙

Answer 2

我想你可以像这样使用innerHTML

<div [innerHTML]="blogPost"></div>

我以前也和奎尔一起用过