Softonic

Markdown-preview

Stap 1 / 2
Volgende

Typ links en zie de HTML rechts weergegeven worden. De preview begrijpt GitHub-gestileerde Markdown: tabellen, taaklijsten, omheinde codeblokken met syntaxismarkering, doorhalen, automatisch gekoppelde URL’s en inline-HTML. Handig om een README te schrijven voordat je committ, om te controleren hoe een reactie op een PR eruitziet, of gewoon om de Markdown-syntaxis te leren door elke toetsaanslag weergegeven te zien worden.

Zo gebruik je de preview

  1. 1

    Schrijf Markdown

    Het linkerpaneel neemt ruwe Markdown aan. Elke wijziging rendert het rechterpaneel direct opnieuw.

  2. 2

    Bekijk de HTML-preview

    Het rechterpaneel toont de weergegeven uitvoer, opgemaakt zoals op GitHub.

  3. 3

    Wissel van modus

    Weergave naast elkaar, alleen preview of alleen bron voor afleidingsvrij schrijven.

  4. 4

    Kopieer de HTML

    Haal de weergegeven HTML op als je die in een e-mailclient of een CMS wilt plakken.

Wat deze preview ondersteunt

  • CommonMark: koppen, alinea’s, nadruk, lijsten, blokcitaten, codeblokken, links, afbeeldingen, horizontale lijnen.
  • GFM-uitbreidingen: tabellen met kolomuitlijning, taaklijsten (- [ ] en - [x]), doorhalen met ~~, automatisch gekoppelde URL’s en omheinde codeblokken met taalhints.
  • Syntaxismarkering: meer dan 100 talen via highlight.js, JavaScript, Python, Go, Rust, SQL, YAML enzovoort.
  • Ruwe HTML: inline-HTML wordt doorgelaten (voor de veiligheid opgeschoond).
  • Wiskunde (optioneel): $...$ inline en $$...$$ als blok, als je de wiskunde-uitbreiding inschakelt.

Niet ondersteund

  • Aangepaste wikilinks in Obsidian-stijl ([[Page]]), die zijn alleen voor Obsidian.
  • Omheinde divs van Pandoc (:::), alleen voor Pandoc.
  • Server-side includes of {% ... %}-sjabloontags.

Typische toepassingen

  • Een README schrijven buiten de IDE en de definitieve versie plakken.
  • De opmaak van PR-reacties controleren voordat je plaatst, het reactieveld van GitHub toont codeblokken niet correct in preview.
  • Notities omzetten naar HTML wanneer je opgemaakte inhoud wilt plakken in een e-mail of een CMS dat ruwe HTML accepteert.
  • Markdown onderwijzen, de weergave naast elkaar maakt de syntaxis duidelijk.

Prestaties

De weergave gebruikt een Markdown-it-parser met de GFM-plug-in en draait volledig in de browser. Documenten van enkele honderden KB worden in milliseconden weergegeven; zeer grote (een heel boek in één bestand) kunnen haperen tijdens het typen, splits ze dan op in hoofdstukken.

Exporteren

  • HTML kopiëren geeft je de <div> met de weergegeven inhoud, inclusief de opgemaakte klassen.
  • .md downloaden slaat de bron op.
  • Afdrukken naar PDF via het afdrukvenster van je browser levert een opgemaakte PDF-kopie van de weergegeven weergave op.

Veelgestelde vragen

GitHub past bovenop GFM zijn eigen CSS toe. De HTML-uitvoer hoort overeen te komen; de opmaak (lettertypen, witruimte) is van hen. Gebruik voor exacte gelijkheid de themaschakelaar “weergegeven op GitHub”.

Ja, als je de wiskunde-uitbreiding inschakelt, inline $...$ en blok $$...$$ worden met KaTeX weergegeven. Het staat standaard uit om de pagina licht te houden.

Het wordt opgeschoond, veilige tags zoals <div>, <span>, <table>, <img> worden doorgelaten; <script> en inline-event-handlers worden verwijderd.

Honderden KB werken vlot. Schakel bij zeer grote bestanden live weergave uit en render op verzoek.

De weergave gebeurt volledig aan de clientzijde. Inhoud wordt nergens naartoe verzonden. Als je de pagina vernieuwt, gaan concepten verloren tenzij de browser de formulierstatus bewaart.

Gerelateerde tools

Webpack-configuratiegenerator

Maak een webpack.config.js voor webpack 5 vanuit een kort formulier: stel entry, uitvoermap en mode in en zet TypeScript, Babel, een CSS-loader, HtmlWebpackPlugin en een dev-server aan.

Telefoonnummers controleren

Controleer de structuur van telefoonnummers per land en bekijk regio, type en E.164-, internationale, nationale en RFC 3966-notatie.

SVG-golfgenerator

Genereer een vloeiende SVG-golfscheiding voor headers en footers met instelbare amplitude, frequentie, kleur en positie boven of onder. Kopieer de SVG-code.

Decimaal naar hexadecimaal converter

Voer een decimaal geheel getal in en ontvang direct de hexadecimale waarde, inclusief negatieve waarden als 64-bits tweecomplement.

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

Tool beschikbaar in andere talen