Ecossistema de plugins Markdown

O verdadeiro poder do Markdown reside em sua extensibilidade. Através de plugins, você pode adicionar novos recursos, personalizar sintaxe e integrar Markdown com várias ferramentas e serviços.

Processadores Markdown populares

Marked.js

Analisador Markdown JavaScript rápido.

Instalação

npm install marked

Uso básico

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

Markdown-it

Analisador Markdown plugável, rápido e fácil de estender.

Instalação

npm install markdown-it

Com plugins

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

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

const result = md.render('# Título :smile:');

Categorias de plugins essenciais

1. Extensões de sintaxe

GFM

npm install remark-gfm

Emoji

npm install markdown-it-emoji

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

2. Índice (TOC)

npm install remark-toc

3. Destaque de código

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;
  }
});

Criar plugins personalizados

Plugin Markdown-it

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);

Conclusão

O ecossistema de plugins Markdown é muito rico e pode atender quase todas as necessidades. Escolher o processador e os plugins certos pode melhorar significativamente a funcionalidade do Markdown.

Recursos adicionais

• Awesome Markdown
• Lista de plugins Markdown-it
• Lista de plugins Remark