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

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

E-postvalidator

Validera en e-postadress: RFC 5322-syntaxkontroll, live-slagning av MX-poster samt detaljer om lokal del, domän och längd. Ingen e-post skickas.

EditorConfig-generator

Bygg en .editorconfig utifrån dina regler för indrag, radslut och teckenuppsättning, och lägg till en korrekt sektion för varje språk i repot: Python, Go, YAML, Makefile med flera.

FPS-räknare

Mät webbläsarens FPS med requestAnimationFrame: utjämning, lägsta och högsta bildfrekvens, varningsgräns och valfri graf. Körs lokalt, utan uppladdning och utan API.

Verktyget finns på andra språk