Markdown Parser for Angular Developers

import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
import { marked } from 'marked';

@Component({
  selector: 'app-markdown',
  standalone: true,
  imports: [FormsModule],
  template: `
    <textarea [(ngModel)]="md" rows="8" placeholder="Markdown..."></textarea>
    <div [innerHTML]="html"></div>
  `,
})
export class MarkdownComponent {
  md = '';
  get html(): SafeHtml {
    return this.san.bypassSecurityTrustHtml(marked.parse(this.md) as string);
  }
  constructor(private san: DomSanitizer) {}
}