Markdown in HTML umwandeln
Wandelt Markdown mit der Bibliothek markdown-js in HTML um, die der ursprünglichen Syntax von John Gruber folgt. Rohes HTML im Quelltext wird als Text maskiert, und GitHub-Erweiterungen wie Tabellen und eingezäunte Codeblöcke werden nicht erkannt.
Einen README-Abschnitt oder Release Notes in ein CMS-Feld einfügen, das nur HTML akzeptiert.
Wann sie hilft
- Einen README-Abschnitt oder Release Notes in ein CMS-Feld einfügen, das nur HTML akzeptiert.
- Prüfen, welche HTML-Tags ein Stück einfaches Markdown erzeugt.
Anwendung
- Füge Markdown in den linken Editor ein oder lade eine .md-Datei.
- Lies das erzeugte HTML rechts und prüfe in der Vorschau darunter jede Überschrift, Liste und jeden Link.
- Kopiere das HTML; es enthält nur Body-Markup, also ergänze dort, wo du es einfügst, dein eigenes CSS.
Markdown
## Install
Run the **CLI** once:
npm install -g douni
1. Open the [docs](https://douni.one)
2. Paste your file
| a | b |HTML
<h2>Install</h2> <p>Run the <strong>CLI</strong> once:</p> <pre><code>npm install -g douni</code></pre> <ol> <li>Open the <a href="https://douni.one">docs</a></li> <li>Paste your file</li> </ol> <p>| a | b |</p>
Details und Einschränkungen
Die Umwandlung läuft im Browser. Die Ausgabe ist ein HTML-Fragment ohne <html>, <head> oder Stylesheet; die Vorschau rendert es in einem Sandbox-Frame mit deaktivierten Skripten.
Nur das ursprüngliche Markdown wird unterstützt. Pipe-Tabellen, Aufgabenlisten, ~~Durchstreichung~~ und Codezäune mit ``` bleiben Text; verwende für Codeblöcke eine Einrückung von 4 Leerzeichen.
Inline-HTML wie <div> wird zu <div> maskiert und nicht durchgereicht.
Bilder werden zu <img>-Tags, die auf die ursprüngliche URL zeigen; Dateien werden nicht eingebettet.
FAQ
Warum werden meine Codezäune mit ``` nicht zu <pre>-Blöcken?
Die Bibliothek ist älter als eingezäunter Code. Ein Zaun wird als Inline-Code in einem Absatz behandelt. Rücke den Code um vier Leerzeichen ein, um <pre><code> zu erhalten.
Werden Tabellen aus GitHub Flavored Markdown unterstützt?
Nein. Eine Zeile wie | a | b | wird als einfacher Absatz ausgegeben.
Kann ich rohes HTML in meinem Markdown behalten?
Nein. HTML-Tags werden maskiert und im Ergebnis als Text angezeigt, ein eingebettetes <div> wird also nicht als Element gerendert.