23 lines
527 B
TypeScript
23 lines
527 B
TypeScript
import { Component, Input, OnChanges, OnInit } from '@angular/core';
|
|
import DOMPurify from 'dompurify';
|
|
import { marked } from 'marked';
|
|
|
|
@Component({
|
|
selector: 'app-markdown',
|
|
imports: [],
|
|
standalone: true,
|
|
templateUrl: './markdown.component.html',
|
|
})
|
|
export class MarkdownComponent implements OnChanges {
|
|
@Input() markdown: string = '';
|
|
innerHTML: string = '';
|
|
|
|
async parseMD() {
|
|
this.innerHTML = DOMPurify.sanitize(await marked.parse(this.markdown));
|
|
}
|
|
|
|
ngOnChanges(): void {
|
|
this.parseMD();
|
|
}
|
|
}
|