Softonic

Markdown-förhandsvisare

Steg 1 / 2
Nästa

Skriv till vänster, se HTML renderas till höger. Förhandsvisaren talar GitHub-Flavored Markdown: tabeller, uppgiftslistor, inramade kodblock med syntaxmarkering, genomstrykning, autolänkade URL:er och inline-HTML. Användbart för att skissa en README innan du committar, kontrollera hur en kommentar kommer att se ut på en PR, eller bara lära dig Markdown-syntax genom att se varje tangenttryck renderas.

Så använder du förhandsvisaren

  1. 1

    Skriv Markdown

    Vänster ruta tar rå Markdown. Varje ändring omrenderar höger ruta direkt.

  2. 2

    Se HTML-förhandsvisningen

    Höger ruta visar den renderade utdatan formaterad som GitHub.

  3. 3

    Växla läge

    Sida-vid-sida-vy, endast förhandsvisning eller endast källa för distraktionsfritt skrivande.

  4. 4

    Kopiera HTML

    Ta den renderade HTML:en om du behöver klistra in den i en e-postklient eller ett CMS.

Vad den här förhandsvisaren stöder

  • CommonMark: rubriker, stycken, betoning, listor, blockcitat, kodblock, länkar, bilder, horisontella linjer.
  • GFM-tillägg: tabeller med kolumnjustering, uppgiftslistor (- [ ] och - [x]), genomstrykning med ~~, autolänkade URL:er och inramade kodblock med språktips.
  • Syntaxmarkering: 100+ språk via highlight.js, JavaScript, Python, Go, Rust, SQL, YAML, osv.
  • Rå HTML: inline-HTML släpps igenom (saneras för säkerhets skull).
  • Matematik (valfritt): $...$ inline och $$...$$ block om du aktiverar matematiktillägget.

Stöds inte

  • Anpassade Obsidian-liknande wikilänkar ([[Page]]), de är endast för Obsidian.
  • Pandocs inramade div:ar (:::), endast för Pandoc.
  • Server-side includes eller {% ... %}-malltaggar.

Typiska användningar

  • Skissa en README utanför IDE:n och klistra in den slutgiltiga versionen.
  • Kontrollera formatering av PR-kommentarer innan du publicerar, GitHubs kommentarsfält förhandsvisar inte kodramar ordentligt.
  • Omvandla anteckningar till HTML när du behöver klistra in formaterat innehåll i e-post eller ett CMS som accepterar rå HTML.
  • Lär ut Markdown, sida-vid-sida-vyn gör syntaxen tydlig.

Prestanda

Renderingen använder en Markdown-it-parser med GFM-plugin, som körs helt i webbläsaren. Dokument på några hundra KB renderas på millisekunder; mycket stora (en hel bok i en enda fil) kan hacka medan du skriver, dela upp dem i kapitel om det händer.

Export

  • Kopiera HTML ger dig <div>:en med det renderade innehållet, inklusive formaterade klasser.
  • Ladda ner .md sparar källan.
  • Skriv ut till PDF från webbläsarens utskriftsdialog producerar en formaterad PDF-kopia av den renderade vyn.

Vanliga frågor

GitHub tillämpar sin egen CSS ovanpå GFM. HTML-utdatan bör matcha; formateringen (typsnitt, avstånd) är deras. För exakt likhet, använd temaväxlaren “renderad på GitHub”.

Ja, om du aktiverar matematiktillägget, inline $...$ och block $$...$$ renderas med KaTeX. Det är avstängt som standard för att hålla sidvikten låg.

Den saneras, säkra taggar som <div>, <span>, <table>, <img> släpps igenom; <script> och inline-händelsehanterare tas bort.

Hundratals KB fungerar smidigt. För mycket stora filer, stäng av live-rendering och rendera på begäran.

Renderingen är helt klientsidig. Innehåll skickas ingenstans. Om du laddar om sidan går utkasten förlorade om inte webbläsaren bevarar formulärtillstånd.

Relaterade verktyg

Webpack-konfigurationsgenerator

Skapa en webpack.config.js för webpack 5 med vanlig JavaScript, React eller Vue: TypeScript, Babel, CSS eller Sass, bilder, HtmlWebpackPlugin, en utvecklingsserver och raden för npm install.

Protocol Buffers-avkodare

Avkoda Protobuf-byte lokalt från hex, Base64, Base64URL, text eller fil, granska fälttolkningar och exportera en privat rapport.

XSD-validerare

Validera ett XML-dokument mot ett XSD-schema och rapportera element- och typavvikelser med exakta radnummer.

YAML till JSON

Omvandla YAML-konfiguration till JSON för verktyg och API:er som bara accepterar JSON. Hanterar ankare, merge-nycklar och nästlade strukturer.

XML-formaterare

Snygga till XML-dokument med konsekvent indrag och fånga formfel med exakta radnummer.

XML till JSON

Omvandla XML-dokument till ren JSON, med bevarade attribut, textnoder och arrayer där det behövs. Tre stilar: kompakt, Badgerfish eller literal.

Verktyget finns på andra språk