Text-Kürzer

Text auf eine bestimmte Anzahl von Zeichen oder Wörtern mit benutzerdefinierter Ellipse kürzen

Was ist das und wie funktioniert es?

Textkürzung kürzt Text auf eine angegebene Länge — typischerweise mit einem Ellipsis (…) am Ende — um in Anzeigebeschränkungen zu passen. Sie erscheint ständig im UI-Design: Kartentitel, Tabellenzellen, Breadcrumbs, mobile Beschriftungen und Benachrichtigungsvorschauen.

Dieses Tool kürzt Text nach Zeichenanzahl, Wortanzahl oder Satzanzahl mit konfigurierbarem Suffix. Es behandelt Edge Cases wie Unicode-Surrogat-Paare und sichere HTML-Entitäts-Kürzung.

Anwendungsfälle

• Kartengitter-Titel: Produktnamen bei 60 Zeichen (Wortgrenze) kürzen für konsistentes Kartenlayout.
• Datenbankspaltenlimits: Benutzer-Bio-Text auf 255 Zeichen kürzen vor dem Einfügen in VARCHAR(255)-Spalte.
• SEO-Meta-Description: Seitenbeschreibung auf 155–160 Zeichen kürzen für Google-Suchergebnis-Snippet.

Häufige Fragen

Was ist der Unterschied zwischen Zeichen- und Wort-Kürzung?

Zeichenkürzung schneidet an einer genauen Position — sauber aber evtl. mitten im Wort. Wortkürzung findet das letzte vollständige Wort vor dem Limit — lesbarere Ergebnisse.

Wie behandle ich Emoji und Multi-Byte-Unicode bei der Kürzung?

Emoji verwenden mehrere Code-Units in JavaScript. Moderne Lösung: `Array.from(str).slice(0, limit).join("")` iteriert über Unicode-Codepunkte.

Wie funktioniert CSS-Textkürzung?

Einzeilig: `overflow: hidden; white-space: nowrap; text-overflow: ellipsis;`. Mehrzeilig: `-webkit-line-clamp: 3;` in den meisten Browsern unterstützt.

Welche Zeichenanzahl ist für verschiedene Kontexte angemessen?

Twitter: 280; SMS: 160; SEO-Meta-Description: 155–160; Google-Titel: ~60; VARCHAR: 255 oder 1000 Zeichen.

Text

Groß-/Kleinschreibung · Wortzähler · Zeichenzähler · Lorem-Ipsum-Generator · Leerzeichen entfernen · Textzeilen sortieren