CODEWITHSUNDEEP
angularquillngx-quill
Joseph Jojo John
Joseph Jojo John

Reputation: 551

Show HTML string as plain text in Angular

I'm developing a blog using Angular. There I want to show HTML string retrieved from the database as plain text (for listing each blog post's preview). The HTML rich-text was generated using ngx-quill.

I can able to render the rich text by using the code <quill-view [content]="post.content"></quill-view>. But I need to render the same content as plain text.

How can I do this in an ngx-quill / Angular way. Please help! I prefer not to go for fetching DOMElement.text() method using JavaScript.

Upvotes: 0

Views: 6196

Answers (2)

Mohamed Nasr
Mohamed Nasr

Reputation: 19

I think you can use innerHTML like this

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

I used it before also with Quill

Upvotes: 1

RealTak
RealTak

Reputation: 106

i don't know about quill..

so may be there will be another good solution

i think you can solve this problem with pipe something like this

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

}

if you don't wanna use in template

just return that value and use it

i hope it helps

Upvotes: 3

Related Questions