Código
const x = 1;
Salida
Tarjeta de vista previa con tema / SVG exportable
Herramientas para desarrolladores
Visor de código Carbon — tarjetas de código compartido con tema
Previsualiza código en temas, estilos de ventana y sombras ajustables; luego copia el código o copia y exporta el SVG en tu navegador. Útil para documentación, publicaciones sociales o incidencias cuando una captura no es ideal.
Código compartidoSVGDiseño
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
开发工具
Visor de código Carbon
Previsualiza código en temas, estilos de ventana y sombras ajustables; luego copia el código o copia y exporta el SVG en tu navegador. Útil para documentación, publicaciones sociales o incidencias cuando una captura no es ideal.
snippet.js
编辑代码和主题后可复制代码、复制 SVG 或导出 SVG 文件。
Casos de uso
- Comparte fragmentos cortos en documentación o comunidades
- Exporta SVG para diapositivas
- Prueba temas de fondo rápidamente
Cómo usar
- Pega código y configura el nombre de archivo
- Elige fondo y tema de ventana
- Copia código, copia SVG o exporta SVG
Entrada y salida de ejemplo
FAQ
¿La exportación es ráster o vectorial?
Se admite salida vectorial SVG. La visualización depende de dónde la pegues.
¿Resaltado de sintaxis de IDE completo?
La vista previa está estilizada por tema para legibilidad, no es un resaltador de language server completo.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Texto a arte ASCII
Texto a arte ASCII — generador de banners FIGlet
Convierte texto corto en banners de arte ASCII estilo FIGlet con fuentes seleccionables en tu navegador. Útil para pantallas de inicio de CLI, demos de terminal y cabeceras de texto plano.
ASCII FIGlet Terminal
Generador de README
Generador de README — esqueleto de documentación de código abierto
Introduce un nombre de proyecto y descripción corta, activa secciones de Instalación, Uso, API, Contribución y Licencia, luego genera un esqueleto de README.md estructurado en tu navegador. Útil al arrancar repos o paquetes npm.
README Markdown Documentación
Constructor de insignias de Shields.io
Constructor de insignias de Shields.io — generador Markdown
Configura etiqueta, mensaje, color, estilo y logotipo para previsualizar y generar Markdown o URLs de insignias de Shields.io en tu navegador. Útil para insignias de estado de compilación, versión o tecnologías en README.
Shields Insignias Markdown