Ir para o conteúdo principal
Jsonformatter

Mermaid Editor

Escreva diagramas Mermaid e exporte SVG ou PNG.

Processando…

Editor Mermaid ao vivo no navegador: escreva o código do diagrama, veja a prévia e os erros de sintaxe e exporte SVG ou PNG sem conta.

O que é Mermaid Editor?

O Mermaid Editor é uma ferramenta online gratuita que permite escrever código de diagramas Mermaid e ver o diagrama no seu navegador. Ele mostra a prévia e qualquer erro de sintaxe e exporta o diagrama como SVG ou PNG, sem conta e sem serviço remoto de renderização.

O que ela aceita

  • Código de diagramas Mermaid, como fluxogramas, na sintaxe da biblioteca Mermaid incluída.
  • Exportação como SVG ou como PNG.

Bom saber

  • O Mermaid tem sintaxe própria. Código inválido mostra um erro em vez do diagrama; o número da linha aparece quando o parser o informa.
  • O diagrama é desenhado pela biblioteca de código aberto Mermaid. Este site não é afiliado ao projeto Mermaid.
  • Diretivas de configuração (%%{...}%%), frontmatter YAML e conteúdo SVG inseguro são recusados. Não cole configuração junto com o diagrama.

Como usar Mermaid Editor?

  1. Escreva ou abra código Mermaid ou escolha um Exemplo: Fluxograma, Diagrama de sequência, Diagrama de classes, Diagrama de estados, Gráfico de Gantt, Gráfico de pizza ou Diagrama ER. Inserir um exemplo substitui a fonte.
  2. Confira a prévia e corrija qualquer erro de sintaxe mostrado.
  3. Exporte o diagrama como SVG ou PNG.

Exemplo

Um pequeno fluxograma.

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

A prévia mostra duas etapas e uma decisão. Um erro de digitação na primeira linha, como graf TD, mostra um erro de tipo de diagrama desconhecido.

Limites e privacidade

Limites

  • Código do diagrama: até 20.000 bytes. Um código mais longo é recusado.
  • Imagem: uma imagem exportada é limitada a 16.384 pixels em cada lado e 16.000.000 pixels no total, e o arquivo a 40.000.000 bytes. Um documento que exige mais é recusado. Uma execução que passa de 20 segundos é interrompida.

Meu conteúdo é enviado para um servidor?

Não. Seu conteúdo e seus arquivos são processados no navegador e nunca enviados. O OCR e a leitura de PDF baixam arquivos de processamento, incluindo dados de idioma do OCR e o worker de PDF, deste mesmo site apenas quando essas ferramentas rodam; nenhum conteúdo vai para terceiros. Prévias Markdown mostram imagens externas como texto alternativo, sem carregá-las.

Copiar coloca um resultado na área de transferência e baixar o salva como arquivo, mas só quando você aperta o botão. O arquivo é criado no seu navegador, então nada é enviado.

Para ver os detalhes completos, consulte a Política de Privacidade

Ferramentas e páginas relacionadas

Converta de ou para outros formatos, ou trabalhe com o mesmo conteúdo nestas ferramentas.

Todas as ferramentas

Formate, valide e converta JSON, YAML, XML, CSV, HTML, CSS e Markdown, além de Base64, URL e JWT.

JSON

  • JSON Formatter

    Formate JSON com um layout consistente: indentação uniforme, um valor por linha e os seus valores intactos. Usa o mesmo formatador do JSON Beautifier.

  • JSON Validator

    Verifique se o seu texto é um JSON válido. Se não for, veja o primeiro problema, com linha e coluna, destacado no seu texto.

  • JSON Diff

    Compare dois documentos JSON pela estrutura, ignorando a ordem das chaves, e veja todos os caminhos adicionados, removidos e alterados em uma lista.

  • JSON Schema Validator

    Valide um JSON com um JSON Schema (draft 2020-12, ou draft-07 pelo $schema) e veja cada erro com o caminho em que ele ocorre.

  • JSON Schema Generator

    Gere um JSON Schema (draft 2020-12) a partir de um JSON de exemplo, pronto para copiar e ajustar.

  • JSON Beautifier

    Embeleze JSON minificado ou com espaçamento irregular em um texto legível e indentado, sem mexer nos valores. Usa o mesmo formatador do JSON Formatter.

Converter JSON

  • JSON to CSV

    Converta uma lista JSON de objetos, ou a primeira lista de objetos dentro de um objeto, em texto CSV simples.

  • CSV to JSON

    Converta CSV em uma lista JSON de objetos, com o cabeçalho como chaves. Vírgula, ponto e vírgula ou tabulação são detectados, e os valores ficam como texto.

  • JSON to XML

    Converta JSON em XML simples e legível, com os seus números e textos copiados exatamente como foram escritos.

  • XML to JSON

    Converta XML em JSON, com os atributos como chaves iniciadas por @ e os elementos repetidos reunidos em arrays, para manter a estrutura do documento.

  • JSON to YAML

    Converta JSON em YAML legível em bloco, com indentação de 2 ou 4 espaços, mantendo todos os valores e os números exatamente como você os escreveu.

  • YAML to JSON

    Converta YAML em JSON, com âncoras e aliases resolvidos. Um arquivo com vários documentos vira um array JSON.

YAML

  • YAML Validator

    Verifique se o seu YAML é válido pelas regras do YAML 1.2 Core, com um ou vários documentos, e veja a linha e a coluna do primeiro problema.

  • YAML Viewer

    Explore um documento YAML como uma árvore que você abre e fecha, com âncoras, tags e aliases marcados na linha em que aparecem.

  • YAML Formatter

    Formate YAML com indentação consistente, mantendo comentários e valores.

HTML, XML e CSS

  • HTML Formatter

    Formate HTML em uma marcação legível e indentada. O resultado é texto simples: os scripts não rodam e nada do seu HTML é carregado.

  • XML Formatter

    Formate XML com indentação clara, preservando o conteúdo e o significado.

  • CSS Beautifier

    Embeleze CSS minificado em regras legíveis, uma declaração por linha, sem alterar o que o CSS faz. Usa o mesmo formatador do CSS Formatter.

  • CSS Formatter

    Formate o CSS que você mantém com um estilo consistente: a mesma indentação, espaçamento e grafia em todo lugar. Usa o mesmo formatador do CSS Beautifier.

Codificar e decodificar

  • Base64 Encode/Decode

    Codifique texto em Base64 ou decodifique Base64 de volta em texto, em UTF-8, com a opção do alfabeto Base64URL, seguro para URLs.

  • URL Encode/Decode

    Codifique ou decodifique texto em sequências %XX, como um componente de URL ou como uma URL completa, que preserva os separadores.

  • JWT Decoder

    Decodifique um JWT no navegador para ler o cabeçalho e o payload, ver as datas de exp, iat e nbf e saber se expirou. A assinatura não é verificada.

Markdown

Novo
  • Markdown Editor

    Editor e visualizador de Markdown online e grátis: escreva ou abra um arquivo MD, veja a prévia GFM ao vivo e copie ou baixe o Markdown.

  • Markdown to PDF

    Converta Markdown em PDF no navegador. Escolha papel A4 ou Carta e as margens, confira a prévia do documento e baixe um arquivo PDF real.

  • Markdown to Text

    Converta Markdown em texto simples sem perder código nem pontuação. Escolha como os links aparecem e copie o texto ou baixe um arquivo TXT.

  • Markdown to Word

    Converta Markdown em Word: baixe um arquivo DOCX editável que mantém títulos, listas, tabelas e links. Tudo roda no seu navegador.

  • Markdown to HTML

    Converta Markdown em HTML no navegador. Gere um fragmento ou um documento completo, confira a prévia e copie ou baixe o resultado.

  • Markdown Table Generator

    Gerador de tabela Markdown com grade editável e alinhamento de colunas. Importe CSV ou TSV e copie ou baixe a tabela em Markdown.

  • Word to Markdown

    Converta Word em Markdown: abra um arquivo DOCX e receba títulos, listas, links e tabelas como Markdown editável, tudo no navegador.

  • HTML to Markdown

    Converta HTML em Markdown a partir de marcação colada ou de um arquivo local. Scripts nunca rodam; títulos, listas, links e tabelas simples são mantidos.

  • Markdown Formatter

    Formatador de Markdown que organiza a fonte e lista sugestões de estilo para títulos, espaços e quebra de linha final. Revise antes de copiar.

  • Markdown to Image

    Converta Markdown em imagem: escolha a largura e o tema, confira a prévia da nota ou tabela e baixe um arquivo PNG ou JPEG.

  • Markdown to Rich Text

    Converta Markdown em texto formatado e copie-o, com a formatação, para um editor de documentos. Se a cópia rica falhar, o texto simples é a alternativa.

  • Markdown Table to JSON/CSV

    Converta uma tabela Markdown em JSON ou CSV. Revise os cabeçalhos e escolha o tipo de cada coluna, para que IDs e zeros à esquerda não mudem.

  • Excel to Markdown

    Converta Excel em Markdown: abra um arquivo XLSX, escolha uma aba ou um intervalo de células e receba uma tabela Markdown sem enviar o arquivo.

  • Markdown to Excel

    Converta tabelas Markdown em Excel: baixe um arquivo XLSX cujas células ficam como texto, preservando zeros à esquerda e sem criar fórmulas.

  • Paste to Markdown

    Cole para Markdown: transforme texto formatado ou HTML copiado em Markdown. Para texto simples, aplique você mesmo as ações de título e lista.

  • Markdown Compare

    Comparar Markdown: cole duas versões ou abra dois arquivos e veja quais linhas foram adicionadas ou removidas no texto da fonte.

  • Markdown to Mind Map

    Converta Markdown em mapa mental: títulos e listas viram um mapa que você navega e exporta. Feito com Markmap, sem precisar de conta.

  • Mermaid Editor

    Editor Mermaid ao vivo no navegador: escreva o código do diagrama, veja a prévia e os erros de sintaxe e exporte SVG ou PNG sem conta.

  • Discord Markdown Preview

    Prévia de Markdown do Discord: confira negrito, blocos de código e spoilers em uma prévia local aproximada e copie a mensagem. Sem conta do Discord.

  • Obsidian Markdown Converter

    Conversor de Markdown do Obsidian: adapte [[links wiki]] e embeds para Markdown padrão e liste os arquivos a que a sua nota se refere.

  • GitHub README Viewer

    Visualizador de README do GitHub: cole ou abra um README, veja a prévia GFM e defina uma URL base para links relativos. Nada é buscado no GitHub.

  • PDF to Markdown

    Converta PDF em Markdown localmente: extraia a camada de texto ou faça OCR em páginas selecionadas sem texto. Revise e edite antes de copiar ou baixar.

  • Image to Markdown

    Converta imagem em Markdown com OCR no navegador: leia o texto de um PNG ou JPEG, corrija e copie ou baixe. A precisão varia.