Editor de CSS con números de línea
Un área de código con colores de sintaxis, números de línea, línea activa resaltada, sangría automática y cierre de llaves.
Ajustes
Código
<div class="uvq06-cd"><div class="tb" aria-hidden="true"><i></i><span>estilos.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">Código 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>Esc y Tab para salir</span></div></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Inputs
Ver todos: InputsDónde usarlo
Un campo de código ligero que no necesita ninguna librería de editor. Un área de texto transparente va encima de una copia coloreada, así que comentarios, propiedades, números y llaves tienen su color mientras la escritura sigue siendo nativa. Los números de línea y la franja de la línea activa siguen al cursor, Enter mantiene la sangría y llaves y comillas se cierran solas.
El color principal marca las propiedades y la línea activa, y el secundario los números y la etiqueta del lenguaje. Úsalo en generadores de temas, formularios de fragmentos y páginas didácticas; Tab mete dos espacios y pulsar Escape antes permite salir con el teclado.