Ir a la herramienta
JoeLucky

Haz clic en ★ para guardar una herramienta

Categorías de herramientas

Codificador/decodificador Base64Visor de árbol JSONPOPULARDecodificador JWTGenerador de UUIDCodificador/decodificador de URLJSON a CSVCSV a JSONJSON a YAMLYAML a JSONJSON a XMLXML a JSONCSV a YAMLYAML a CSVFormateador JSONFormateador YAMLFormateador XMLFormateador HTMLFormateador CSSProbador de regexGenerador de hashAnalizador de CronCodificador/decodificador de entidades HTMLConversor de bases numéricasAnalizador de URLVisor y validador de CSVVista previa de MarkdownFormateador SQLEditor Mermaid en vivoCalculadora de costo de API de LLMNUEVOCalculadora de VRAM para LLMNUEVOVisualizador de chunks RAGNUEVOCosto de almacenamiento en la nube (S3, R2, B2)NUEVOCalculadora de disponibilidad SLANUEVO
JoeLucky

Herramientas en línea prácticas, todas en un solo lugar

Política de privacidadTérminos del servicio

© 2026 JoeLucky®. Todos los derechos reservados.

  1. JoeLucky
  2. /Desarrollo
  3. /Editor Mermaid en vivo

Editor Mermaid en vivo

Edita la sintaxis Mermaid con vista previa del diagrama en vivo y exporta a SVG o PNG.

Plantillas:
Código
Vista previa
Renderizando…

DESARROLLO SIMILARES

Ver todas
Codificador/decodificador Base64

Convierte rápidamente entre texto y Base64.

Abrir →
Visor de árbol JSON

Explora estructuras JSON anidadas y detecta errores de sintaxis.

Abrir →
Decodificador JWT

Decodifica un JWT para leer su encabezado, su carga útil y su caducidad. Solo decodifica: no verifica la firma.

💬 Comentarios

?

Aún no hay comentarios. ¡Sé el primero!

¿QUÉ ES Editor Mermaid en vivo?

Edita la sintaxis Mermaid y previsualiza diagramas de flujo, de secuencia, de clases y ER, diagramas de Gantt, mapas mentales y más. Plantillas y temas integrados, desplazamiento y zoom, y exportación SVG/PNG.

¿Cómo se usa?

  1. Parte de una plantilla o escribe sintaxis Mermaid.
  2. Previsualiza a la derecha; cambia de tema, haz zoom o desplázate según haga falta.
  3. Exporta como SVG o PNG.

Preguntas frecuentes

¿El contenido del diagrama se envía a un servidor?

No. Toda la edición y el renderizado ocurren íntegramente en tu navegador: esta herramienta no tiene ninguna ruta de API correspondiente, así que el código de tu diagrama nunca sale de tu dispositivo.

¿Por qué el nivel de seguridad es «strict» y no «loose»?

Esta herramienta siempre fija el securityLevel de Mermaid en strict, nunca en loose: eso impide que se ejecuten scripts o controladores de clic arbitrarios incrustados en la sintaxis del diagrama, así que pegar el código de un diagrama ajeno sigue siendo seguro.

¿La vista previa se queda en blanco si cometo un error de sintaxis?

No. Cuando se detecta un error de sintaxis, esta herramienta muestra el mensaje de error bajo el editor de código mientras la vista previa sigue mostrando tu último diagrama renderizado con éxito en lugar de borrarlo.

Abrir →