Saltar al contenido principal
Jsonformatter

Mermaid Editor

Escribe diagramas Mermaid y exporta SVG o PNG.

Procesando…

Editor Mermaid en vivo en tu navegador: escribe el código del diagrama, mira la vista previa y los errores de sintaxis y exporta SVG o PNG sin cuenta.

¿Qué es Mermaid Editor?

Mermaid Editor es una herramienta en línea gratuita que permite escribir código de diagramas Mermaid y ver el diagrama en tu navegador. Muestra la vista previa y cualquier error de sintaxis, y exporta el diagrama como SVG o PNG, sin cuenta y sin servicio remoto de renderizado.

Qué admite

  • Código de diagramas Mermaid, como diagramas de flujo, con la sintaxis de la biblioteca Mermaid incluida.
  • Exportación como SVG o como PNG.

Conviene saber

  • Mermaid tiene su propia sintaxis. El código inválido muestra un error en lugar del diagrama; el número de línea aparece cuando el parser lo indica.
  • El diagrama lo dibuja la biblioteca de código abierto Mermaid. Este sitio no está afiliado al proyecto Mermaid.
  • Se rechazan las directivas de configuración (%%{...}%%), el frontmatter YAML y el contenido SVG inseguro. No pegues configuración junto al diagrama.

¿Cómo se usa Mermaid Editor?

  1. Escribe o abre código Mermaid o elige un Ejemplo: Diagrama de flujo, Diagrama de secuencia, Diagrama de clases, Diagrama de estados, Diagrama de Gantt, Gráfico circular o Diagrama ER. Insertar un ejemplo reemplaza la fuente.
  2. Revisa la vista previa y corrige cualquier error de sintaxis que muestre.
  3. Exporta el diagrama como SVG o PNG.

Ejemplo

Un pequeño diagrama de flujo.

Entrada
graph TD
  A[Write] --> B{Valid?}
  B -->|Yes| C[Export SVG]
  B -->|No| A
Resultado

La vista previa muestra dos pasos y una decisión. Un error de escritura en la primera línea, como graf TD, muestra un error de tipo de diagrama desconocido.

Límites y privacidad

Límites

  • Código del diagrama: hasta 20.000 bytes. Un código más largo se rechaza.
  • Imagen: una imagen exportada está limitada a 16.384 píxeles por lado y 16.000.000 píxeles en total, y el archivo a 40.000.000 bytes. Un documento que necesita más se rechaza. Una ejecución de más de 20 segundos se detiene.

¿Se envía mi contenido a un servidor?

No. Tu contenido y tus archivos se procesan en el navegador y nunca se suben. El OCR y la lectura de PDF descargan archivos de procesamiento, incluidos datos de idioma del OCR y el worker de PDF, de este mismo sitio solo cuando se ejecutan esas herramientas; ningún contenido va a terceros. Las vistas previas Markdown muestran imágenes externas como texto alternativo, sin cargarlas.

Copiar pone un resultado en el portapapeles y descargar lo guarda como archivo, pero solo cuando pulsas el botón. El archivo se crea en tu navegador, así que no se sube nada.

Para conocer todos los detalles, consulta la Política de privacidad

Herramientas y páginas relacionadas

Convierte desde o hacia otros formatos, o trabaja con el mismo contenido en estas herramientas.

Todas las herramientas

Formatea, valida y convierte JSON, YAML, XML, CSV, HTML, CSS y Markdown, además de Base64, URL y JWT.

JSON

  • JSON Formatter

    Da formato al JSON con un diseño coherente: sangría uniforme, un valor por línea y tus valores intactos. Usa el mismo formateador que JSON Beautifier.

  • JSON Validator

    Comprueba si tu texto es un JSON válido. Si no lo es, ve el primer problema, con su línea y columna, resaltado en tu texto.

  • JSON Diff

    Compara dos documentos JSON por su estructura, sin importar el orden de las claves, y consulta las rutas agregadas, eliminadas y modificadas en una lista.

  • JSON Schema Validator

    Valida un JSON con un JSON Schema (draft 2020-12, o draft-07 mediante $schema) y consulta cada error con la ruta donde ocurre.

  • JSON Schema Generator

    Genera un JSON Schema (draft 2020-12) a partir de un JSON de ejemplo, listo para copiar y ajustar.

  • JSON Beautifier

    Embellece JSON minificado o con espaciado irregular en un texto legible y con sangría, sin tocar tus valores. Usa el mismo formateador que JSON Formatter.

Convertir JSON

  • JSON to CSV

    Convierte una lista JSON de objetos, o la primera lista de objetos dentro de un objeto, a texto CSV simple.

  • CSV to JSON

    Convierte CSV a una lista JSON de objetos, con la fila de encabezado como claves. Detecta coma, punto y coma o tabulación y deja los valores como texto.

  • JSON to XML

    Convierte JSON a XML sencillo y legible, con tus números y textos copiados exactamente como se escribieron.

  • XML to JSON

    Convierte XML a JSON, con los atributos como claves que empiezan por @ y los elementos repetidos reunidos en arrays, para conservar la estructura.

  • JSON to YAML

    Convierte JSON a YAML legible en bloques, con sangría de 2 o 4 espacios, manteniendo todos los valores y los números exactamente como los escribiste.

  • YAML to JSON

    Convierte YAML a JSON con las anclas y los alias resueltos. Un archivo con varios documentos se convierte en un array JSON.

YAML

  • YAML Validator

    Comprueba si tu YAML es válido según las reglas de YAML 1.2 Core, con uno o varios documentos, y ve la línea y la columna del primer problema.

  • YAML Viewer

    Explora un documento YAML como un árbol que puedes abrir y cerrar, con anclas, etiquetas y alias marcados en la fila en la que aparecen.

  • YAML Formatter

    Da formato al YAML con una sangría uniforme, conservando comentarios y valores.

HTML, XML y CSS

  • HTML Formatter

    Da formato al HTML en un marcado legible y con sangría. El resultado es texto simple: los scripts no se ejecutan y no se carga nada de tu HTML.

  • XML Formatter

    Da formato al XML con una sangría clara, conservando su contenido y significado.

  • CSS Beautifier

    Embellece CSS minificado en reglas legibles, una declaración por línea, sin cambiar lo que hace el CSS. Usa el mismo formateador que CSS Formatter.

  • CSS Formatter

    Da formato al CSS que mantienes con un estilo coherente: la misma sangría, espaciado y escritura en todas partes. Usa el mismo formateador que CSS Beautifier.

Codificar y decodificar

  • Base64 Encode/Decode

    Codifica texto en Base64 o decodifica Base64 de vuelta a texto, en UTF-8, con la opción del alfabeto Base64URL, seguro para URL.

  • URL Encode/Decode

    Codifica o decodifica texto en secuencias %XX, como componente de URL o como URL completa, que conserva sus separadores.

  • JWT Decoder

    Decodifica un JWT en tu navegador para leer el encabezado y el payload, ver las fechas exp, iat y nbf y saber si ha expirado. No verifica la firma.

Markdown

Nuevo
  • Markdown Editor

    Editor y visor de Markdown online y gratis: escribe o abre un archivo MD, mira la vista previa GFM en vivo y copia o descarga tu Markdown.

  • Markdown to PDF

    Convierte Markdown a PDF en tu navegador. Elige papel A4 o Carta y los márgenes, revisa el documento y descarga un archivo PDF real.

  • Markdown to Text

    Convierte Markdown a texto plano sin perder código ni puntuación. Elige cómo se muestran los enlaces y copia el texto o descarga un archivo TXT.

  • Markdown to Word

    Convierte Markdown a Word: descarga un archivo DOCX editable que conserva títulos, listas, tablas y enlaces. Todo funciona en tu navegador.

  • Markdown to HTML

    Convierte Markdown a HTML en tu navegador. Obtén un fragmento o un documento completo, revisa la vista previa y copia o descarga el resultado.

  • Markdown Table Generator

    Generador de tablas Markdown con cuadrícula editable y alineación de columnas. Importa CSV o TSV y copia o descarga la tabla en Markdown.

  • Word to Markdown

    Convierte Word a Markdown: abre un archivo DOCX y obtén sus títulos, listas, enlaces y tablas como Markdown editable, todo en tu navegador.

  • HTML to Markdown

    Convierte HTML a Markdown desde marcado pegado o un archivo local. Los scripts nunca se ejecutan; títulos, listas, enlaces y tablas simples se conservan.

  • Markdown Formatter

    Formateador de Markdown que ordena la fuente y lista sugerencias de estilo para títulos, espacios y salto de línea final. Revísalo antes de copiar.

  • Markdown to Image

    Convierte Markdown a imagen: elige el ancho y el tema, revisa la vista previa de tu nota o tabla y descarga un archivo PNG o JPEG.

  • Markdown to Rich Text

    Convierte Markdown a texto enriquecido y cópialo, con formato, en un editor de documentos. Si la copia rica no está disponible, se usa texto plano.

  • Markdown Table to JSON/CSV

    Convierte una tabla Markdown a JSON o CSV. Revisa los encabezados y elige el tipo de cada columna para que los IDs y los ceros iniciales no cambien.

  • Excel to Markdown

    Convierte Excel a Markdown: abre un archivo XLSX, elige una hoja o un rango de celdas y obtén una tabla Markdown sin subir el archivo.

  • Markdown to Excel

    Convierte tablas Markdown a Excel: descarga un archivo XLSX cuyas celdas siguen siendo texto, con los ceros iniciales intactos y sin crear fórmulas.

  • Paste to Markdown

    Pegar a Markdown: convierte texto enriquecido o HTML copiado en Markdown. Para texto plano, aplica tú mismo las acciones de título y lista.

  • Markdown Compare

    Comparar Markdown: pega dos versiones o abre dos archivos y mira qué líneas se añadieron o eliminaron en el texto de la fuente.

  • Markdown to Mind Map

    Convierte Markdown a mapa mental: los títulos y las listas se vuelven un mapa que puedes recorrer y exportar. Hecho con Markmap, sin cuenta.

  • Mermaid Editor

    Editor Mermaid en vivo en tu navegador: escribe el código del diagrama, mira la vista previa y los errores de sintaxis y exporta SVG o PNG sin cuenta.

  • Discord Markdown Preview

    Vista previa de Markdown de Discord: revisa negritas, bloques de código y spoilers en una vista previa local aproximada y copia el mensaje. Sin cuenta.

  • Obsidian Markdown Converter

    Convertidor de Markdown de Obsidian: adapta los [[enlaces wiki]] y los embeds a Markdown estándar y lista los archivos a los que se refiere tu nota.

  • GitHub README Viewer

    Visor de README de GitHub: pega o abre un README, mira la vista previa GFM y define una URL base para los enlaces relativos. No se descarga nada de GitHub.

  • PDF to Markdown

    Convierte PDF a Markdown localmente: extrae la capa de texto o usa OCR en páginas seleccionadas sin texto. Revisa y edita antes de copiar o descargar.

  • Image to Markdown

    Convierte una imagen a Markdown con OCR en tu navegador: lee el texto de un PNG o JPEG, corrígelo y cópialo o descárgalo. La precisión varía.