UltKit

HTML-in-Markdown-Konverter

Mit HTML werden Inhalte ausgeliefert; in Markdown schreiben und speichern immer mehr Menschen ihre Texte. Dieser Konverter wandelt .html-Dateien in lesbaren .md-Text um. So lassen sich ein Blogarchiv, ein Hilfecenter oder ein gespeicherter Artikel in eine statische Website, eine Notizsammlung oder ein Git-Repository übernehmen.

Dokument-Konverter

oder PDF, DOC, DOCX …-Dateien hierher ziehen ·

Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten

Ausgabe

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

  1. 1

    HTML-Dateien hochladen

    Fügen Sie .html- oder .htm-Dateien hinzu, bis zu 20 pro Durchgang und jeweils maximal 95 MB. Eine im Browser gespeicherte Seite, ein CMS-Export oder eine von Hand geschriebene Datei funktionieren gleichermaßen.

  2. 2

    Texteinstellungen prüfen

    Bei Umwandeln in ist Markdown eingestellt, Formatierung steht auf Einfach, Textkodierung ist UTF-8 und Zeilenenden sind LF. Das passt zu Git, Static-Site-Generatoren und Editoren unter macOS oder Linux.

  3. 3

    In Markdown umwandeln

    Klicken Sie auf In Markdown umwandeln und öffnen Sie die .md-Datei dann in einem beliebigen Texteditor, um übrig gebliebene Menüs oder Fußzeilen zu entfernen. Hochgeladene Dateien werden nach 30 Minuten gelöscht.

Um HTML in Markdown umzuwandeln, laden Sie die .html-Datei hoch und klicken auf In Markdown umwandeln: Überschriften werden zu #-Zeilen, Links zu Text, Listen behalten ihre Aufzählungszeichen und Nummern, und einfache Tabellen werden zu Pipe-Tabellen.

HTML in Markdown: Wer es braucht und warum

John Gruber veröffentlichte Markdown 2004 gemeinsam mit Aaron Swartz als Möglichkeit, fürs Web in reinem Text zu schreiben, der sich auch vor der Darstellung natürlich liest. Zwanzig Jahre später ist es das native Format von GitHub-READMEs, Static-Site-Generatoren wie Jekyll und Hugo, Dokumentationswerkzeugen, Notiz-Apps wie Obsidian und der Inhaltsordner vieler moderner Websites.

Dadurch entsteht ein stetiger Strom in die entgegengesetzte Richtung. Teams, die ein datenbankgestütztes CMS verlassen, brauchen Jahre an Beiträgen als .md-Dateien. Autorinnen und Autoren sammeln Artikel in einem Notiz-Vault. Entwickler verschieben einen alten HTML-Hilfebereich in ein Docs-as-Code-Repository, in dem Änderungen per Pull Request geprüft werden. In jedem Fall ist das HTML die einzige Kopie, und es von Hand neu zu schreiben ist unrealistisch. Für Word-Dokumente gibt es dieselbe Aufgabe als DOCX in Markdown.

Welche HTML-Elemente eine Markdown-Entsprechung haben

from ↓ · to →CommonMarkGitHub Flavored Markdown
Überschriften h1–h6Überschriften h1–h6 to CommonMark: yesÜberschriften h1–h6 to GitHub Flavored Markdown: yes
Links und BilderLinks und Bilder to CommonMark: yesLinks und Bilder to GitHub Flavored Markdown: yes
Listen und ZitateListen und Zitate to CommonMark: yesListen und Zitate to GitHub Flavored Markdown: yes
Code- und pre-BlöckeCode- und pre-Blöcke to CommonMark: yesCode- und pre-Blöcke to GitHub Flavored Markdown: yes
Einfache Tabellen– Einfache Tabellen to CommonMark: noEinfache Tabellen to GitHub Flavored Markdown: yes
Durchgestrichener Text– Durchgestrichener Text to CommonMark: noDurchgestrichener Text to GitHub Flavored Markdown: yes
Verbundene Tabellenzellen– Verbundene Tabellenzellen to CommonMark: no– Verbundene Tabellenzellen to GitHub Flavored Markdown: no
Formulare, Video, iframes– Formulare, Video, iframes to CommonMark: no– Formulare, Video, iframes to GitHub Flavored Markdown: no
supported not offeredCommonMark, ab 2014 spezifiziert, ist der strenge Kern; GitHub Flavored Markdown, 2017 spezifiziert, ergänzt Tabellen, Durchstreichungen und Aufgabenlisten. Alles ohne Markdown-Entsprechung kann als rohes HTML stehen bleiben, was beide erlauben.

Ergebnis des HTML-in-Markdown-Konverters: Was Sie erwarten können

Klassennamen, Inline-Stile, Skripte und Layout-divs entfallen, weil Markdown die Bedeutung beschreibt, nicht das Aussehen. Fett und kursiv werden zu doppelten und einfachen Sternchen, Zeilenumbrüche innerhalb eines Absatzes werden zusammengeführt, und Zeichenentitäten wie   werden in UTF-8 zu gewöhnlichen Zeichen. Rechnen Sie damit, dass die .md-Datei nur einen Bruchteil der Größe des HTML hat: Die Wörter bleiben, das Markup verschwindet.

MythosMarkdown kann jedes HTML-Layout nachbilden.

FaktEs deckt nur die Textstruktur ab; Spalten, Farben und positionierte Boxen haben keine Markdown-Syntax und gehen verloren oder bleiben als rohes HTML stehen.

MythosEine umgewandelte Seite ist direkt veröffentlichungsreif.

FaktMenüs, Cookie-Banner und Fußzeilen kommen mit; kürzen Sie sie und ergänzen Sie Front Matter, wenn Ihr Generator ihn erwartet.

MythosMarkdown-Ausgabe funktioniert überall gleich.

FaktTabellen und Durchstreichungen brauchen einen GitHub-Flavored-Markdown-Renderer; strenge CommonMark-Tools zeigen sie als einfachen Text.

Fakten zu den Formaten HTML und Markdown

HTML

HyperText Markup Language

HTML ist die Auszeichnungssprache des Webs, die Tim Berners-Lee Anfang der 1990er-Jahre erstmals beschrieben hat und die heute von der WHATWG als „Living Standard“ gepflegt wird. Eine HTML-Datei beschreibt Überschriften, Absätze, Links, Tabellen, Bilder und Formulare, während das Aussehen meist per CSS festgelegt wird. Jeder Browser stellt sie dar, und sie wird auch für E-Mail-Vorlagen und gespeicherte Webseiten verwendet. Eine einzelne HTML-Datei hängt oft von externen Bildern und Stylesheets ab und kann deshalb allein verschoben kaputt aussehen.

Komprimierung
–
Transparenz
–
Animation
–
Eingeführt
1993 · Tim Berners-Lee; maintained by WHATWG
HTML-Konverter

MD

Markdown

Markdown ist eine schlanke Auszeichnungssyntax, die John Gruber 2004 entwickelt hat. Sie nutzt Klartextzeichen wie # für Überschriften, * für Hervorhebung und - für Listen, die als Rohtext lesbar bleiben und sich sauber in HTML umwandeln lassen. Sie ist der Standard für README-Dateien, Dokumentation, Wikis, Notiz-Apps und viele Generatoren für statische Websites. Es gibt mehrere Dialekte wie CommonMark und GitHub Flavored Markdown, die sich in Details wie Tabellen unterscheiden. Jeder Texteditor kann .md-Dateien öffnen.

Komprimierung
–
Transparenz
–
Animation
–
Eingeführt
2004 · John Gruber
MD-Konverter

HTML wird in Markdown umgewandelt, wenn Inhalte den Ort verlassen, an dem sie dargestellt wurden: ein Blog zieht zu einem Static-Site-Generator um, ein Hilfecenter wandert in ein Git-basiertes Doku-Repository, oder Artikel landen in einem Obsidian-Vault, wo schlichter, lesbarer Text wichtiger ist als Markup.

Fragen zu HTML in MD

Kann ich eine gespeicherte Webseite samt Bildern umwandeln?

Der Konverter liest die hochgeladene .html-Datei. Bild-Tags werden zu Markdown-Bildlinks, die auf dieselben Pfade oder URLs zeigen wie die Seite, sodass online gehostete Bilder weiter funktionieren. Der lokale Bilderordner, den der Browser bei „Seite speichern unter“ anlegt, wird nicht mit der Datei hochgeladen. Kopieren Sie ihn neben die .md-Datei, dann stimmen die relativen Pfade weiterhin.

Was passiert mit Menüs, Seitenleisten und Fußzeilen?

Es wird alles in der Datei umgewandelt, weil das Tool nicht wissen kann, welcher Teil der Seite der Artikel ist. Für ein sauberes Ergebnis speichern Sie den Beitrag ohne Theme, wenn Ihr CMS das erlaubt, oder löschen anschließend die Navigationszeilen am Anfang und Ende des Markdowns.

Wie übertrage ich WordPress-Beiträge nach Hugo oder Jekyll?

Der integrierte WordPress-Export ist eine XML-Datei, kein HTML. Wandeln Sie daher das HTML jedes Beitrags um, entweder aus dem Code-Editor kopiert oder im Browser gespeichert. Ergänzen Sie danach am Anfang jeder .md-Datei den Front Matter, also den Block zwischen zwei Zeilen mit je drei Bindestrichen, der Titel, Datum und Tags enthält. Hugo und Jekyll lesen ihn von dort.

Warum sehen manche Tabellen im Markdown seltsam aus?

Markdown-Tabellen, die GitHub Flavored Markdown ergänzt hat, haben eine Kopfzeile und keine verbundenen Zellen. Eine einfache HTML-Tabelle wird sauber umgewandelt; eine Tabelle mit colspan, rowspan oder verschachtelten Listen hat in Markdown keine Entsprechung und wird deshalb vereinfacht. Markdown erlaubt rohes HTML, sodass Sie die ursprüngliche Tabelle dort wieder einfügen können, wo das Layout wichtig ist.

Eignet sich Markdown, um Seiten an KI- oder Suchtools zu übergeben?

Oft ja. Markdown behält die wichtige Struktur, also Überschriften, Listen, Links und Hervorhebungen, und lässt Attribute, Skripte und Formatierung weg. Derselbe Artikel wird dadurch deutlich kürzer und lässt sich sauberer weiterverarbeiten. Nutzen Sie HTML in TXT, wenn Sie gar kein Markup möchten.