merked pipe

marked.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import marked from 'marked';
import hljs from 'highlight.js';

@Pipe({
  name: 'marked'
})
export class MarkedPipe implements PipeTransform {

  marked;

  constructor() {
    const renderer = new marked.Renderer();
    renderer.code = function (code, lang) {
      let filename;
      let lng;

      if (lang && lang.match(/.+\./)) {
        const params = lang.split('.');
        filename = `<span class="filename">${lang}</span>`;
        if (hljs.getLanguage(params[1])) {
          lng = params[1];
        }
      }

      return `
        <div class="code hljs">
        ${filename || ''}
        <pre><code>${lng ? hljs.highlight(lng, code).value : code}</code></pre>
        </div>
      `;
    };
    this.marked = marked.setOptions({
      renderer: renderer
    });
  }

  transform(value: any, args?: any): any {
    return this.marked.parse(value);
  }

}