Atualizações do Sistema

• Reconhecimento Multiformato: Identifica com precisão diagramas Mermaid, HTML/XML bruto, código-fonte (Python, JS, CSS, etc.) e fórmulas matemáticas LaTeX.
• Análise Estrutural: Usa expressões regulares inteligentes e limites estruturais (por exemplo, densidade de chaves, contagem de ponto e vírgula) em vez de simples correspondência de palavras-chave.
• Desempenho Otimizado: Construído com lógica debounce para garantir que o desempenho de digitação em tempo real permaneça fluido e não bloqueie a thread principal.

• Mudança com um Clique: Um banner fixo é exibido automaticamente quando uma incompatibilidade é detectada, oferecendo um redirecionamento com um clique para a ferramenta mais apropriada.
• Preservação de Estado: O seu rascunho de conteúdo é armazenado com segurança no sessionStorage durante o redirecionamento. Assim que a ferramenta de destino é carregada, o conteúdo é inserido instantaneamente no editor. Chega de copiar e colar para lá e para cá!

• Renderização SVG Inline: Cole o código <svg>...</svg> diretamente no seu Markdown e ele será automaticamente renderizado como gráfico visual — preservando totalmente gradientes, filtros, caminhos de recorte e animações CSS.
• Modo de Exibição de Código: Use blocos de código ```svg para exibir o código-fonte SVG com destaque de sintaxe, perfeito para tutoriais e documentação.
• Fidelidade Perfeita: Contorna o tratamento do parser HTML5 para namespaces XML (xmlns:xlink, xlink:href) e atributos específicos de SVG (clip-path, filter), garantindo que a saída renderizada corresponda exatamente ao SVG original.

• Renderização Perfeita: Suporta CSS moderno, flexbox, grid e tipografia, convertidos com precisão para formatos de imagem.
• Opções de Exportação: Baixe seus trechos de HTML como PNG, JPEG, WebP ou PDF.
• Upload de Arquivos e Importação de URL: Importe facilmente arquivos .html existentes ou busque HTML diretamente de qualquer URL pública.
• Suporte API: Totalmente integrado com nosso endpoint /api/v1/images/generate para geração programática.

• Use blocos de código ```plantuml para renderizar diagramas UML (sequência, classe, caso de uso, atividade, etc.).
• Baseado no servidor público PlantUML, produzindo saída SVG de alta qualidade sem necessidade de instalação local do Java.

• Use blocos de código ```infographic para renderizar visualizações de infográficos.
• Integra o motor AntV Infographic com ~200 templates incorporados.
• Suporta tipos de layout de lista, fluxo, comparação e muitos outros.

• Duas opções de sintaxe: [texto]{anotação} e [texto]^(anotação).
• Mono ruby: quando a contagem de caracteres corresponde às sílabas, cada caractere é anotado individualmente.
• Correspondência inteligente: trunca sílabas extras quando excedem os caracteres; agrupa quando os caracteres excedem as sílabas.
• Suporta espaços, · e ・ como delimitadores de sílabas.

• Adicionado suporte para sintaxe \(...\) matemática inline e \[...\] matemática em bloco.
• Conversão automática para formato compatível com remark-math, funcionando junto com a sintaxe existente $...$ / $$...$$.

• Publicado no npm: Instale instantaneamente com npx markdowntoimage-mcp — configuração zero, basta adicionar seu token de API.
• Duas ferramentas disponíveis:
  • generate_image — Converta Markdown em PNG/JPEG/WebP com suporte completo a parâmetros (temas, estilos de código, fontes, largura, qualidade).
  • get_usage — Verifique sua cota mensal de API e saldo de créditos.
• Descrições detalhadas de parâmetros: O schema das ferramentas inclui todas as opções de temas, estilos de código e fontes disponíveis, ajudando os modelos de IA a selecionar automaticamente as melhores configurações.
• Transporte Stdio: Funciona imediatamente com Claude Desktop, Cursor e outros clientes MCP via I/O padrão.

Adicione isso ao seu claude_desktop_config.json:

{
  "mcpServers": {
    "markdowntoimage": {
      "command": "npx",
      "args": ["-y", "markdowntoimage-mcp"],
      "env": {
        "MTI_API_TOKEN": "mti_seu_token_aqui"
      }
    }
  }
}

Depois, basta pedir ao Claude: "Converta este markdown em uma imagem" — ele cuida do resto.

• npm: npm install markdowntoimage-mcp
• Obter token de API: Perfil → Tokens de API
• Documentação da API: markdowntoimage.com/api-docs

• API de Geração de Imagens: POST /api/v1/images/generate — Converte Markdown em imagens PNG, JPEG ou WebP com suporte completo para destaque de código, matemática KaTeX, diagramas Mermaid e 19 temas visuais.
• API de Estatísticas de Uso: GET /api/v1/account/usage — Acompanhe sua cota mensal e saldo de créditos em tempo real.
• Schema Compatível com MCP: GET /api/v1/schema — Schema da API no formato de definição de ferramentas MCP (Model Context Protocol), pronto para integração com agentes de IA.
• Dois Modos de Resposta: Escolha entre modo url (URL de imagem temporária, válida por 24 horas) ou modo binary (dados de imagem brutos).

• Gerenciamento Seguro de Tokens: Crie, liste e revogue tokens de API na sua página de perfil. Os tokens são armazenados como hashes SHA-256 — seu segredo é mostrado apenas uma vez na criação.
• Autenticação Bearer Token: Simples cabeçalho Authorization: Bearer mti_xxx para todas as chamadas da API.

• 50 Solicitações Gratuitas/Mês: Cada conta recebe 50 chamadas gratuitas da API por mês (as imagens incluem marca d'água).
• Solicitações Baseadas em Créditos: Após a cota gratuita, cada solicitação custa 1 crédito e a marca d'água é removida automaticamente.
• Painel de Uso: Monitore sua cota gratuita e saldo de créditos na página de Tokens da API.

• Documentação Interativa da API: Uma nova página /api-docs com documentação de endpoints, referência de parâmetros (incluindo todos os valores válidos para temas, estilos de código e fontes) e exemplos de código em cURL, Python, Node.js e Go.
• Banner de Anúncio da API: Um banner em todo o site notificando os usuários sobre a nova disponibilidade da API.

• Correção de Renderização de Temas: Corrigido um problema onde o parâmetro theme não tinha efeito nas imagens geradas pela API. Todos os 19 temas agora são aplicados corretamente.
• Correção de Renderização de Fontes: Corrigido um problema onde o parâmetro fontFamily (ex. inter, japanese) era carregado mas não aplicado. Google Fonts agora define corretamente a propriedade CSS font-family.

• Otimização do Título da Página Inicial: Refinamos a tipografia do título da página inicial para garantir visibilidade perfeita de todos os caracteres, mantendo uma estética elegante e compacta.
• Correções de Layout do AdSense: Resolvemos problemas de layout em telas ultra-wide (>2560px) onde o cabeçalho de navegação poderia obscurecer o conteúdo da barra lateral.
• Remoção de H1 Duplicados: Otimizamos a estrutura da página para melhor SEO, garantindo uma única tag H1 semântica nas páginas converter e markdown-to-cards.

• Sistema de Tradução Modular: Refatoramos todo o sistema de localização, dividindo grandes arquivos JSON em componentes modulares para melhor manutenção e carregamento mais rápido.
• Suporte Completo a Idiomas: Adicionamos arquivos de tradução abrangentes para o recurso explore em todos os idiomas suportados (Chinês, Inglês, Espanhol, Alemão, Português, Japonês).
• Correção de Mensagens Ausentes: Corrigimos vários erros de MISSING_MESSAGE em Espanhol, Chinês e outras localidades para garantir uma experiência localizada perfeita.

• Atualizações de Conteúdo de Exemplo: Atualizamos os modelos de markdown de exemplo para seguir as melhores práticas de hierarquia de títulos.
• Desempenho: Otimizamos os tempos de carregamento reduzindo o tamanho dos pacotes de tradução.

• Biblioteca de Mídia do Usuário: Adicionada uma biblioteca de mídia do usuário para salvar automaticamente registros de arquivos enviados, facilitando o gerenciamento e reutilização.
• Centralização de Fórmulas: Adicionada uma configuração para alternar a centralização de fórmulas, oferecendo mais flexibilidade no layout de fórmulas matemáticas.
• Otimização de Marca d'água: Adicionada a marca d'água "created by markdowntoimage.com" às imagens geradas nos modos Código, Mermaid e Fórmula.
• Formatação de Código: Otimizada a formatação de blocos de código.

• Otimização de Carregamento de Fontes:
  • Resolvidos problemas de carregamento de fontes e ajustada a estratégia de carregamento dinâmico de fontes.
  • Corrigido o carregamento de fontes para Markdown to Cards.
  • Corrigida a inconsistência entre a seleção de fontes na visualização e a seleção no frontend.
  • Corrigido o erro document não definido durante a inicialização da página.
• Correções Multilíngues: Corrigidas chaves de tradução ausentes em ambientes multilíngues.

Lançamos o novo recurso Markdown to Cards! Agora você pode converter facilmente texto Markdown em belos cartões para compartilhamento em mídias sociais.

• Múltiplos Layouts: Oferece vários estilos de cartões predefinidos para atender a diferentes necessidades.
• Tipografia Inteligente: Otimiza automaticamente a exibição de textos longos nos cartões.
• Compartilhamento Social: Os tamanhos de imagem gerados são perfeitamente adaptados para plataformas como Twitter, Instagram e Xiaohongshu.

Para que as imagens geradas combinem melhor com sua marca ou estilo pessoal, aprimoramos significativamente os recursos de personalização de temas:

• Personalização de Cores: Agora você pode modificar livremente as cores de títulos, corpo do texto, links e texto enfatizado, não mais limitado a temas predefinidos.
• Seleção de Fontes: Adicionada uma variedade de fontes selecionadas para suportar efeitos de layout misto chinês e inglês mais ricos.
• Imagens de Fundo: Suporta o upload de imagens de fundo personalizadas, com opções de sobreposição (Overlay) e desfoque (Blur) para tornar o texto mais claro.

• Suporte a Japonês Adicionado: Adicionamos oficialmente suporte a japonês! 🇯🇵
• Otimização de Tradução: Verificamos e corrigimos abrangentemente traduções ausentes (i18n) para melhorar a experiência do usuário em ambientes multilíngues.

• Exibição do Logo: Corrigido o problema onde a posição do logo estava deslocada em alguns temas.
• Otimização de Desempenho: Otimizado o desempenho e a estabilidade da geração de imagens em lote (Batch Images).
• Otimização de Visualização: Corrigidos problemas onde o cache de visualização podia fazer com que conteúdo antigo permanecesse.
• Detalhes de Experiência: Adicionada uma exibição de link "Powered by" para ajudar os usuários a saber mais.

Venha experimentar esses novos recursos! Se você tiver alguma sugestão ou encontrar algum problema, sinta-se à vontade para nos dar feedback.