Se genera a partir del título
Titel-zu-URL-Slug-Feld
Tippe einen Titel und die Adresse entsteht von selbst: kleingeschrieben, ohne Akzente, mit Bindestrichen.
Einstellungen
Code
<div class="uv-isl"><label for="uv-isl-t">Titel des Artikels</label><div class="fd"><input id="uv-isl-t" placeholder="Wie man 2026 Buttons gestaltet"></div><label for="uv-isl-s" class="l2">Adresse</label><div class="fd sl"><span class="px">aimran.es/blog/</span><input id="uv-isl-s" spellcheck="false" readonly><button type="button" class="lk" aria-pressed="false" aria-label="Manuell bearbeiten"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="9" rx="2"/><path class="sh" d="M8 11V8a4 4 0 0 1 8 0v3"/></svg></button></div><p class="ht">Wird aus dem Titel erzeugt</p></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Blogs, Shops und CMS-Dashboards erzeugen aus jedem Titel eine URL, und sie live zu zeigen verhindert hässliche oder kaputte Links. Beim Tippen des Titels aktualisiert sich das Slug-Feld darunter mit kurzem Aufblitzen, entfernt Akzente und Symbole und verbindet Wörter mit Bindestrichen hinter einem festen Domain-Präfix. Ein Schloss-Button erlaubt die manuelle Bearbeitung.
Auch manuelle Eingaben werden beim Tippen bereinigt, der Slug bleibt also immer gültig. Ersetze das Präfix durch deine Domain und begrenze die Länge im Skript bei Bedarf.