Zum Veröffentlichen einen Ausschnitt, zum Teilen eine Datei wählen
Eine Website oder ein Content-Management-System benötigt möglicherweise HTML, auch wenn Sie lieber in Markdown schreiben. Öffnen Sie Ihre .md-Datei oder fügen Sie den Inhalt ein, prüfen Sie das Ergebnis und wählen Sie zwischen einem Inhaltsausschnitt und einem vollständigen HTML-Dokument.
„HTML kopieren“ liefert einen Inhaltsausschnitt. „HTML herunterladen“ verpackt den Inhalt in ein Dokument mit Formatierung und eingebetteten Mathe-Schriftarten. Das sind unterschiedliche Ausgaben: Ein Ausschnitt benötigt das CSS des Zielsystems, während die heruntergeladene Datei ihre Formatierung mitbringt.
Das enthält das erzeugte HTML
Gut lesbare Struktur
Überschriften, Listen, Blockzitate, Tabellen und Links werden zu HTML-Elementen. Wechseln Sie von „Vorschau“ zu „HTML“, um den erzeugten Ausschnitt zu prüfen.
Zwei praktische Ausgabeformen
Kopieren Sie einen Ausschnitt für ein CMS oder laden Sie ein vollständiges HTML-Dokument zum Prüfen und Teilen herunter. Wenn das Ziel nur den Inhalt benötigt, müssen Sie keinen kompletten Seitenrahmen entfernen.
Technische Beispiele inklusive
Gängige Programmiersprachen können hervorgehoben werden; unterstützte Formeln und Mermaid-Diagramme werden vor dem Export gerendert. Exportfehler werden angezeigt, statt Inhalte unbemerkt zu ersetzen.
Ein eigenständiges Dokument gestalten
Legen Sie Schriftbild und Farben vor dem HTML-Download fest. Gerenderte Diagramme werden als SVG eingebettet und die heruntergeladene Datei enthält Mathe-Schriftarten.
Beginnen Sie mit einem Dokument, das Sie wirklich brauchen
Ein Abschnitt aus der Dokumentation
Wandeln Sie einen kurzen Artikelabschnitt für ein vorhandenes Dokumentationslayout um.
## Installation Installieren Sie das Paket und **prüfen Sie das Ergebnis**. ```bash npm ci ``` > Bewahren Sie eine Kopie des ursprünglichen Markdown auf.
- Die Überschriftenebene passt zur Zielseite.
- Befehle sind gut lesbar.
- Das Blockzitat bietet sinnvollen Kontext.
Eine Vergleichstabelle für einen Blog
Tabellarische Informationen bleiben echte HTML-Zellen und werden nicht zu einem Screenshot.
## Ausgabeformate | Format | Nächster Schritt | | --- | --- | | Markdown | Weiterbearbeiten | | HTML | Im Web veröffentlichen | | PDF | Zum Lesen teilen |
- Kopfzellen sind vorhanden.
- Text passt auf schmale Bildschirme.
- Links sind geprüft.
Ein praktischer Arbeitsablauf
Markdown einfügen oder Datei öffnen
Verwenden Sie die Quelldatei Ihres Artikels oder READMEs. Nicht unterstützter roher HTML-Code außerhalb der kleinen Auswahl erlaubter Formatierungstags wird als Text angezeigt.
Beide Ansichten prüfen
Prüfen Sie das Dokument, wechseln Sie zu HTML und kontrollieren Sie Überschriften, Links und Tabellenstruktur. Stellen Sie sicher, dass das Zielsystem die benötigten Elemente akzeptiert.
Ausschnitt oder Dokument wählen
Kopieren Sie HTML für einen Editor, der Markup akzeptiert. Laden Sie HTML herunter, wenn Sie eine formatierte Datei benötigen. Prüfen Sie das Ergebnis vor dem Veröffentlichen am tatsächlichen Zielort.
Prüfen Sie das Ergebnis vor dem Teilen
| Inhalt | Was zu tun ist | Erwartetes Ergebnis |
|---|---|---|
| HTML-Ausschnitt | Prüfen Sie, welches Markup und CSS das Zielsystem erlaubt. | Ein CMS kann Stile, SVG oder Formeln bereinigen, auch wenn sie in dieser Vorschau angezeigt werden. |
| Eigenständiges HTML | Öffnen Sie die heruntergeladene Datei separat. | Dokumentstile und Mathe-Schriftarten sind enthalten; aktivierte externe Bilder hängen weiterhin von ihren Servern ab. |
| Links und Skripte | Prüfen Sie Linkziele und verwenden Sie die Konvertierung nicht zur Verteilung von Skripten. | Der Konverter entfernt aktive Inhalte und zeigt nicht unterstützten rohen HTML-Code als Text an. |
Fragen zu diesem Arbeitsablauf
Wie wandle ich Markdown für eine Website in HTML um?
Öffnen Sie Ihre .md-Datei oder fügen Sie den Quelltext ein, prüfen Sie die Vorschau und wählen Sie „HTML kopieren“, um das Inhalts-Markup zu erhalten. Verwenden Sie „HTML herunterladen“, wenn Sie ein vollständiges Dokument mit Formatierung benötigen. Prüfen Sie vor der Veröffentlichung, wie Ihre Website eingefügtes HTML verarbeitet.
Was ist der Unterschied zwischen „HTML kopieren“ und „HTML herunterladen“?
„HTML kopieren“ liefert den Inhaltsausschnitt. „HTML herunterladen“ erstellt ein vollständiges Dokument mit Titel, Dokumentstilen und gerendertem Inhalt.
Kann ich Markdown-Tabellen in HTML-Tabellen umwandeln?
Ja. Tabellen mit senkrechten Strichen werden zu HTML-Tabellenelementen. Komplexe Tabellen mit verbundenen Zellen gehören nicht zur einfachen Markdown-Tabellensyntax und müssen möglicherweise manuell angepasst werden.
Enthält das HTML Formeln und Mermaid-Diagramme?
Unterstützte Formeln werden mit KaTeX gerendert und Mermaid-Diagramme als SVG eingebettet. Das heruntergeladene Dokument enthält Mathe-Schriftarten; bei einem kopierten Ausschnitt muss das Zielsystem möglicherweise eigene Stile bereitstellen.
Kann ich die Ausgabe in jedes CMS einfügen?
Prüfen Sie zuerst die Regeln Ihres CMS. Manche Editoren akzeptieren HTML-Quelltext; andere zeigen eingefügte Tags als Text an oder entfernen SVG und Formeln. Testen Sie einen kleinen Ausschnitt im tatsächlichen Veröffentlichungsablauf.
Funktioniert das heruntergeladene HTML vollständig offline?
Dokumentstile, gerenderte Diagramme und Mathe-Schriftarten sind enthalten. Externe Bilder und Links verweisen weiterhin auf ihre ursprünglichen Speicherorte, sofern ein Bild nicht eingebettet ist.
Wird Markdown für diese Konvertierung hochgeladen?
Die Umwandlung von Markdown in HTML und der HTML-Download laufen im Browser. Nur die separate Aktion „PDF herunterladen“ sendet das gerenderte Dokument an diese Website.
So verarbeitet dieses Tool Ihr Dokument
- Markdown wird lokal analysiert und HTML lokal erzeugt.
- „HTML kopieren“ erstellt einen Ausschnitt; „HTML herunterladen“ liefert ein formatiertes Dokument.
- Aktive Inhalte werden entfernt. Prüfen Sie dennoch Links und die Vorgaben Ihres CMS.
Referenzen zu den FormatenReferenz zu HTML-ElementenCommonMark-Spezifikation
Ein reproduzierbares Problem meldenNenne den Browser, die gewählten Einstellungen und ein kleines, nicht vertrauliches Beispiel. Sende keine privaten Dokumente per E-Mail.
