Éditeur CSS avec numéros de ligne
Une zone de code avec coloration syntaxique, numéros de ligne, ligne courante surlignée, indentation automatique et fermeture des accolades.
Réglages
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">Code CSS</span><textarea wrap="off" spellcheck="false" autocomplete="off"></textarea></label></div></div><div class="sb"><span class="ps">Ln 1, Col 1</span><span>Échap puis Tab pour sortir</span></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Un champ de code léger qui se passe de toute bibliothèque d'éditeur. Une zone de texte transparente est posée sur une copie colorée, si bien que commentaires, propriétés, nombres et accolades ont leur couleur pendant une saisie qui reste native. Les numéros et la bande de la ligne courante suivent le curseur, Entrée garde l'indentation et parenthèses et guillemets se ferment seuls.
La couleur principale marque les propriétés et la ligne active, la secondaire les nombres et l'étiquette du langage. Utilise-le dans un générateur de thèmes, un formulaire d'extraits ou une page pédagogique ; Tab insère deux espaces et Échap juste avant permet de sortir au clavier.