0

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

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

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

4

2 回答 2

2

我不知道鹅毛笔。。

所以可能会有另一个好的解决方案

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

@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;
    }

}

如果你不想在模板中使用

只需返回该值并使用它

我希望它有帮助

于 2020-06-22T05:38:37.487 回答
1

我想你可以innerHTML这样使用

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

我以前也用过 Quill

于 2020-06-22T07:13:39.533 回答