Markdown Plugin-Ökosystem

Die wahre Stärke von Markdown liegt in seiner Erweiterbarkeit. Durch Plugins können Sie neue Funktionen hinzufügen, die Syntax anpassen und Markdown mit verschiedenen Tools und Diensten integrieren.

Beliebte Markdown-Prozessoren

Marked.js

Schneller JavaScript-Markdown-Parser.

Installation

npm install marked

Grundlegende Verwendung

const marked = require('marked');
const html = marked.parse('# Hello World');

Markdown-it

Pluggable Markdown-Parser, schnell und einfach zu erweitern.

Installation

npm install markdown-it

Mit Plugins

const md = require('markdown-it')();

md.use(require('markdown-it-emoji'));
md.use(require('markdown-it-footnote'));

const result = md.render('# Titel :smile:');

Wesentliche Plugin-Kategorien

1. Syntax-Erweiterungen

GFM

npm install remark-gfm

Emoji

npm install markdown-it-emoji

const md = require('markdown-it')();
md.use(require('markdown-it-emoji'));
md.render('Hallo :smile:');  // Hallo 😄

2. Inhaltsverzeichnis (TOC)

npm install remark-toc

3. Code-Hervorhebung

npm install highlight.js

const marked = require('marked');
const hljs = require('highlight.js');

marked.setOptions({
  highlight: function(code, lang) {
    if (lang && hljs.getLanguage(lang)) {
      return hljs.highlight(code, { language: lang }).value;
    }
    return code;
  }
});

Benutzerdefinierte Plugins erstellen

Markdown-it Plugin

function myPlugin(md) {
  md.renderer.rules.paragraph_open = function(tokens, idx, options, env, self) {
    tokens[idx].attrSet('class', 'custom-paragraph');
    return self.renderToken(tokens, idx, options);
  };
}

const md = require('markdown-it')();
md.use(myPlugin);

Fazit

Das Markdown-Plugin-Ökosystem ist sehr reichhaltig und kann fast jeden Bedarf decken. Die Auswahl des richtigen Prozessors und der richtigen Plugins kann die Funktionalität von Markdown erheblich verbessern.

Weitere Ressourcen

• Awesome Markdown
• Markdown-it Plugin-Liste
• Remark Plugin-Liste