Ecosistema plugin Markdown

Il vero potere di Markdown risiede nella sua estensibilità. Attraverso i plugin, puoi aggiungere nuove funzionalità, personalizzare la sintassi e integrare Markdown con vari strumenti e servizi.

Processori Markdown popolari

Marked.js

Parser Markdown JavaScript veloce.

Installazione

npm install marked

Uso di base

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

Markdown-it

Parser Markdown pluggable, veloce e facile da estendere.

Installazione

npm install markdown-it

Con plugin

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

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

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

Categorie di plugin essenziali

1. Estensioni di sintassi

GFM

npm install remark-gfm

Emoji

npm install markdown-it-emoji

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

2. Indice (TOC)

npm install remark-toc

3. Evidenziazione codice

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

Creare plugin personalizzati

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

Conclusione

L'ecosistema di plugin Markdown è molto ricco e può soddisfare quasi ogni esigenza. Scegliere il processore e i plugin giusti può migliorare significativamente le funzionalità di Markdown.

Risorse aggiuntive

• Awesome Markdown
• Elenco plugin Markdown-it
• Elenco plugin Remark