Text zu HTML-Liste
Wandeln Sie Klartext (ein Element pro Zeile) sofort in <ul>- oder <ol>-HTML um. Wählen Sie Listentyp, Nummerierungsstil und Einrückung und ergänzen Sie CSS-Klassennamen. Generiertes HTML per Klick kopieren oder herunterladen - vollständig privat, 100 % kostenlos und ohne Anmeldung.
One list item per line. Empty lines are skipped.
HTML-Listen: wann <ul>, wann <ol>
Das gewählte Element ändert die Bedeutung, nicht nur das Aussehen:
- <ul> erzeugt Aufzählungspunkte und ist richtig, wenn die Reihenfolge keine Rolle spielt.
- <ol> erzeugt Nummern und vermittelt eine Abfolge: Prozessschritte, Ranglisten oder Anleitungen.
- In einer <ol> ändern Sie Nummerierungsstil (dezimal, Buchstaben, römische Zahlen) und Startnummer, ohne den Inhalt anzufassen.
Klassen, Einrückung und Entity-Escaping
Der Konverter setzt Klassennamen sowohl am Listenelement als auch an jedem <li>, das generierte HTML passt also direkt zu Tailwind, Bootstrap oder Ihrem Design-System.
- Einrückung: Legen Sie den Einzug der verschachtelten Zeilen des Ausgabe-HTML fest.
- In <div> einschließen: umschließt die Liste mit einem Container samt eigener Klasse für Grid oder Card.
- Entity-Escaping: &, <, >, " und ' werden zu HTML-Entities, damit die Ausgabe gültig und sicher bleibt.
Datenschutz und Arbeitsablauf
Die Umwandlung läuft per JavaScript auf Ihrem Gerät: keine Netzwerkanfragen, keine Speicherung. Sie können Text einfügen oder .txt-, .md- und .csv-Dateien ohne Größenlimit hochladen.
Das Ergebnis landet in der Zwischenablage oder als .html-Datei - bereit für Editor, Template oder CMS.
Häufig gestellte Fragen
Er wandelt Klartext - ein Element pro Zeile - in gültiges HTML-Listenmarkup um (<ul> oder <ol> mit <li>-Elementen). Unser Konverter läuft vollständig im Browser; Ihr Text wird nie an einen Server gesendet.
Eine <ul> (ungeordnete Liste) erscheint als Aufzählung mit Punkten - passend, wenn die Reihenfolge unwichtig ist. Eine <ol> (geordnete Liste) erscheint als nummerierte Folge - passend für Schritte, Ranglisten oder Listen, bei denen die Reihenfolge zählt.
Ja. Der Konverter bietet Klassenfelder für das Listenelement und für jedes <li>. Geben Sie beliebige CSS-Klassennamen ein - Tailwind CSS, Bootstrap oder eigene Design-System-Klassen.
Fünf: dezimal (1, 2, 3), Großbuchstaben (A, B, C), Kleinbuchstaben (a, b, c), römische Großzahlen (I, II, III) und römische Kleinzahlen (i, ii, iii). Zusätzlich lässt sich eine eigene Startnummer festlegen.
Ja. Der Konverter maskiert &, <, >, " und ' automatisch als HTML-Entities, sodass die Ausgabe gültiges und sicheres HTML ist.
Ja. Klicken Sie auf „Hochladen“, um eine beliebige Textdatei (.txt, .md, .csv) zu laden. Der Inhalt wird sofort geladen und umgewandelt, ohne Größenlimit.
Ist sie aktiv, wird die gesamte Liste in ein <div>-Element eingeschlossen. Optional können Sie diesem <div> eine CSS-Klasse für Styling oder Layout geben.
Ja. Die gesamte Umwandlung läuft per JavaScript in Ihrem Browser. Ihr Text wird nie auf einen Server hochgeladen, gespeichert oder protokolliert.
Ja, 100 % kostenlos, ohne versteckte Kosten oder Einschränkungen. Ohne Anmeldung, ohne Premiumstufe, ohne Nutzungslimits und ohne Dateigrößenbeschränkung.