• Home
• com.chutneytesting
• ui
• 1.4.7
• source code
• thumbnail.pipe.ts

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

src.app.shared.pipes.thumbnail.pipe.ts Maven / Gradle / Ivy

import { Pipe, PipeTransform } from '@angular/core';
import { SafeHtml, SafeValue } from '@angular/platform-browser';

@Pipe({
    name: 'thumbnail'
})
export class ThumbnailPipe implements PipeTransform {

    constructor() {}

    public transform(value: SafeValue): SafeHtml {
        const doc = new DOMParser().parseFromString(value.toString(), 'text/html');
        const imgElements = doc.getElementsByTagName('img');
        for (let i = 0; i < imgElements.length; i++) {
            const imgElement = imgElements.item(i);
            imgElement.classList.add('thumbnail');
            imgElement.insertAdjacentHTML('beforebegin', '' + imgElement.outerHTML + '');
            imgElement.remove();
        }
        return doc.documentElement.innerHTML;
    }
}