Ecosistema de plugins Markdown

El verdadero poder de Markdown reside en su extensibilidad. A través de plugins, puedes agregar nuevas funcionalidades, personalizar la sintaxis e integrar Markdown con diversas herramientas y servicios.

Procesadores Markdown populares

Marked.js

Parser Markdown JavaScript rápido.

Instalación

npm install marked

Uso básico

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

Markdown-it

Parser Markdown pluggable, rápido y fácil de extender.

Instalación

npm install markdown-it

Con 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:');

Categorías de plugins esenciales

1. Extensiones de sintaxis

GFM

npm install remark-gfm

Emoji

npm install markdown-it-emoji

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

2. Tabla de contenidos (TOC)

npm install remark-toc

3. Resaltado 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;
  }
});

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

Conclusión

El ecosistema de plugins Markdown es muy rico y puede satisfacer casi cualquier necesidad. Elegir el procesador y los plugins adecuados puede mejorar significativamente la funcionalidad de Markdown.

Recursos adicionales

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