Vai al contenuto

Editor Markdown

Markdown Editor

Scrive Markdown con anteprima dal vivo ed esporta l’HTML generato, con le tabelle e le liste di spunta del GFM.

Un editor Markdown con il risultato reso accanto, l’HTML dietro a quello e un sommario dei titoli. Il parser è l’implementazione CommonMark di questo stesso repository, che ottiene il 99,8% sui 652 esempi del corpus di prova della specifica.

🔒 Funziona interamente nel tuo browsermarkdownprevieweditorhtml

Markdown

Anteprima

Vista

Sul progetto

Un editor Markdown con anteprima dal vivo. Grassetto, corsivo, codice e collegamenti.

Come partire

  1. Clonare il repository
  2. Eseguire l’installatore
  3. Aprire l’applicazione
Voce Qtà Importo
Portatile 2 2.400.000
Monitor 3 900.000

Una citazione, per dare enfasi.

const total = items.reduce((sum, item) => sum + item.price, 0);
  • [x] Le liste di spunta funzionano
  • [ ] Anche quelle non spuntate

Opzioni

Documento

parole

60

caratteri

511

collegamenti

1

immagini

0

blocchi di codice

1

tabelle

1

Struttura

  • Sul progetto #sul-progetto
  • Come partire #come-partire

Le ancore vengono traslitterate invece che codificate in percentuale, così da «Città» esce citta: un collegamento che sopravvive all’incollarlo in chat.

Il parser usato qui è l’implementazione di CommonMark del repository stesso — la stessa del convertitore in DOCX — e passa il 99,8% dei 652 esempi della specifica. Le tabelle con le barre del GFM sono un’aggiunta sopra di essa.

Come si usa

  1. Scrivere o incollare il Markdown

    L’anteprima si aggiorna mentre si scrive. Un blocco di front matter YAML in cima viene riconosciuto e lasciato fuori dall’anteprima invece di essere reso come una linea orizzontale.

  2. Passare all’HTML quando serve il risultato

    Lo stesso documento in HTML, pronto da copiare in un CMS o in un modello di e-mail. Il download dà un file completo.

  3. Usare il sommario per controllare la struttura dei titoli

    Ogni titolo con l’ancora che riceverà. Un salto da h2 a h4 si vede subito qui, e così un’ancora duplicata.

Domande frequenti

Perché l’HTML grezzo viene scartato per impostazione predefinita?

CommonMark dice di lasciarlo passare, che è giusto per un documento scritto in casa e una falla di cross-site scripting per uno incollato da fuori. L’interruttore c’è, con un avviso, per i documenti propri.

Le mie tabelle non vengono rese

Le tabelle con le barre verticali sono un’estensione di GitHub e non fanno parte di CommonMark. L’interruttore è attivo per impostazione predefinita; se è disattivato si vede il comportamento stretto della specifica, che rende le barre come testo.

Perché le ancore sono romanizzate?

Perché un link a un titolo in coreano sopravviva a un incolla in una finestra di chat. Un’ancora piena di segni di percentuale è corretta e illeggibile, e parecchi sistemi la rompono lungo la strada.

Può ricevere da

Dopo

Questi accettano ciò che produce questo strumento, così il risultato può passare direttamente.