CSS-Editor mit Zeilennummern
Ein Codefeld mit Syntaxfarben, Zeilennummern, hervorgehobener aktueller Zeile, automatischem Einrücken und Klammerschluss.
Einstellungen
Code
<div class="uvq06-cd"><div class="tb" aria-hidden="true"><i></i><span>styles.css</span><b>CSS</b></div><div class="ed"><div class="gt" aria-hidden="true"></div><div class="ar"><i class="hl" aria-hidden="true"></i><pre class="hi" aria-hidden="true"></pre><label><span class="sr">CSS-Code</span><textarea wrap="off" spellcheck="false" autocomplete="off"></textarea></label></div></div><div class="sb"><span class="ps">Ln 1, Col 1</span><span>Esc und Tab zum Verlassen</span></div></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
Ein leichtes Codefeld ganz ohne Editor-Bibliothek. Ein transparentes Textfeld liegt über einer eingefärbten Kopie, sodass Kommentare, Eigenschaften, Zahlen und Klammern eigene Farben bekommen, während das Tippen nativ bleibt. Zeilennummern und das Band der aktuellen Zeile folgen dem Cursor, Enter behält die Einrückung, Klammern und Anführungszeichen schließen sich selbst.
Die Hauptfarbe markiert Eigenschaften und die aktive Zeile, die zweite Farbe Zahlen und das Sprach-Tag. Nutze es in Theme-Buildern, Snippet-Formularen und Lernseiten; Tab fügt zwei Leerzeichen ein, und mit Escape davor kommst du per Tastatur wieder hinaus.