Softonic

Konverter van Markdown naar HTML

Stap 1 / 3
Volgende

Plak Markdown en krijg schone, semantische HTML terug, <h1> tot <h6>, <ul>, <ol>, <table>, <pre><code> met gemarkeerde syntaxis, <blockquote> en automatisch gekoppelde URL’s. Kies voor het volledige document (met <html>, <head> en een minimale stijlblad) of voor een fragment (enkel de inhoud van het lichaam), afhankelijk van of u het in een bestaande pagina integreert of een zelfstandige bestand maakt.

Hoe zet je Markdown om naar HTML

  1. 1

    Plak Markdown

    Volledig document of fragment. De YAML-frontmatter wordt automatisch verwijderd indien aanwezig.

  2. 2

    Kies uitbreidingsset

    Alleen CommonMark, GFM (tabellen, taaklijsten, automatische links) of GFM met wiskundige functies.

  3. 3

    Kies de uitvoermodus

    Een fragment voor integratie, of het volledige HTML-document met een kop en minimale CSS.

  4. 4

    Kopieer of download HTML

    Haal de HTML als tekst op of sla deze als een `.html`-bestand op.

Toewijzingstabel

Markdown HTML
# Heading 1 <h1>Heading 1</h1>
**bold** <strong>bold</strong>
*italic* <em>italic</em>
`code` <code>code</code>
Afgebakende code met taal <pre><code class="language-js">
- item <ul><li>item</li></ul>
1. item <ol><li>item</li></ol>
> quote <blockquote><p>quote</p></blockquote>
[text](url) <a href="url">text</a>
![alt](src) <img src="src" alt="alt">
--- <hr>
GFM-tabel <table><thead>...</thead>...
- [x] done <input type="checkbox" checked disabled>

Highlighting van de syntaxis

Gefenceerde codeblokken met taalhints krijgen het attribuut class="language-xxx" op het element <code>. De converter integreert ook de ge-tokeniseerde uitvoer van highlight.js wanneer u de optie ‘vooraf gemarkeerd’ activeert; dit is handig als de doelseite geen highlighter-runtime bevat.

Volledig document versus fragment

  • Fragment bevat uitsluitend het interne HTML-deel, begin met <h1> of het eerste element. Plaats dit in een bestaand CMS-blok, e-mailbody of frontend-component.
  • Volledig document verpakt het fragment in <!DOCTYPE html>, <html> en <head> met een klein standaardstijlblad (typografie, codeblokken, tabellen). Sla het op als .html; het opent in elke browser zonder dat extra bestanden nodig zijn.

Inline versus externe CSS

  • Inline-stijlen (aan/uit schakelen): zetten alle CSS rechtstreeks op de elementen. Lelijk, maar onfeilbaar voor e-mailsjablonen.
  • Klassen (standaard) houden de HTML schoon en verwachten dat het stijlblad van uw website de opmaak verzorgt.

Toegankelijkheidsnotities

  • Koppen worden weergegeven als semantische <h1>–<h6>, waardoor de hiërarchie behouden blijft. Sla geen niveaus over in de broncode.
  • Afbeeldingen zonder alternatieve tekst genereren <img alt=""> (een opzettelijk lege alt voor decoratieve afbeeldingen); voeg echter wel alternatieve tekst toe, tenzij de afbeelding echt decoratief is.
  • Tabellen krijgen een <thead> voor de kopregel, waardoor de navigatie in schermlezers verbetert.

Veelgestelde vragen

Ja. Het raw HTML uit de bron wordt zonder scripttaggen en evenementattributen verwerkt. Als u een niet-gesanitiseerde uitvoer nodig hebt (u vertrouwt op de invoer), is er een optie beschikbaar; gebruik deze echter niet voor door gebruikers ingevoerde inhoud.

De GFM-taaklijsten (- [x], - [ ]) worden omgevormd tot elementen van type <input type="checkbox" disabled>. Het attribuut disabled voorkomt onbedoelde wijzigingen in de staat van de weergegeven weergave.

Ja, activeer inline-stijlen. De converter voegt een minimale stijlattribuut toe aan elke blok, wat nodig is voor e-mailprogramma’s (Outlook, Gmail) omdat deze <style>-blokken verwijderen.

Activeren de wiskundige extensie en zorg ervoor dat de $x^2$- of $$...$$-blokken worden weergegeven met KaTeX. De converter produceert statische SVG- of HTML-bestanden; geen MathJax tijdens uitvoering nodig.

Nee: het analyseren van tekst en de generatie van HTML vinden plaats in uw browser. De broncode en het eindresultaat verlaten nooit uw apparaat.

Gerelateerde tools

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.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

Sneltoetsenoverzicht

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

E-mailvalidator

Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.

EditorConfig-generator

Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.

HTML-opmaker

Formatteer HTML lokaal in de browser met twee of vier spaties inspringing. HTML wordt niet geüpload of gevalideerd.

Tool beschikbaar in andere talen