Comparativo · Atualizado 2026-05-16

O editor de Markdown do TaskKit vs Dillinger.io

Ambas as ferramentas deixam-te escrever Markdown à esquerda e ver o HTML à direita. Divergem fortemente no que carregam ao lado do editor, no que atravessa a rede quando clicas em Exportar e no que a página faz antes de teres escrito o que quer que seja. O resumo abaixo está medido contra o bundle servido em dillinger.io e fundamentado na documentação do próprio Dillinger.

Privacidade, medida

Medido a 2026-05-16, perfil Chrome novo, sem extensões a filtrar pedidos. Os números referem-se à página inicial (o próprio editor) no primeiro paint, antes de qualquer ação do utilizador.

A sincronização cloud mediada por OAuth é um padrão razoável para o que o Dillinger está a fazer. O contraste não é que o desenho esteja errado, é que o backend existe de todo, o que implica um modelo de sessão, manuseamento de tokens OAuth e um caminho de servidor para o documento. O editor de Markdown do TaskKit não tem nada disso porque nada do que faz o exige. Mais sobre como o TaskKit trata os teus dados.

Matriz de funcionalidades

O que o editor do TaskKit tem que o Dillinger não tem

• Diagramas Mermaid na pré-visualização. Blocos ```mermaid renderizam em SVG inline. Onze tipos de diagrama funcionam ponta a ponta. A biblioteca Mermaid é importada dinamicamente na primeira vez que um diagrama aparece, para que o bundle se mantenha pequeno para utilizadores que nunca desenham um.
• Exportação PDF offline. O pipeline todo (clonar a pré-visualização, rasterizar SVGs inline em PNGs, fatiar o canvas off-screen em páginas A4, embuti-las com pdf-lib) corre apenas no navegador. Desliga a rede a meio da exportação e mesmo assim produz um ficheiro.
• Renderer escrito à mão com duas camadas de segurança. Cada bloco de texto passa por escape de entidades HTML antes de chegar ao buffer de saída (um <script> literal na fonte transforma-se em <script>, não numa tag executada). Cada URL passa por uma allow-list, por isso tudo o que estiver fora de http(s), mailto, tel, âncoras e caminhos relativos é descartado, incluindo JaVaScRiPt: com capitalização mista e injeção de caracteres de controlo.
• Sem backend. Não há modelo de sessão, não há armazenamento de tokens OAuth e não há caminho de servidor por onde o documento possa passar. Carregar a página de Markdown do TaskKit faz o mesmo conjunto de pedidos de rede que carregar o resto do TaskKit: os assets estáticos, e nada mais.

Onde o Dillinger é mais forte

• Sincronização cloud com cinco fornecedores. Abre um ficheiro de um repositório GitHub, edita-o, grava-o de volta. O mesmo com Dropbox, Drive, OneDrive e Bitbucket. O editor de Markdown do TaskKit não tem nada equivalente: o fluxo é "copia o HTML para fora e cola onde for preciso".
• Profundidade do editor Monaco. Multi-cursor, find / replace ao longo do buffer, autocompletion inteligente, modos de keybindings vim e emacs. Se a tua memória muscular é "VS Code no browser", o Dillinger tem-no.
• Renderização matemática KaTeX. Inline $…$ e em bloco $$…$$. O TaskKit hoje não tem matemática.
• Notas de rodapé. Notação de referência [^1], com a definição em qualquer parte do documento. O renderer do TaskKit ainda não cobre notas de rodapé.
• Hand-off explícito para IA. Texto do próprio Dillinger: "Markdown is the native language of large language models. Write in Dillinger, then feed your content directly to ChatGPT, Claude, or any LLM." O TaskKit não tem um botão para isso.

Quando recorrer antes ao Dillinger

• Precisas de abrir e gravar ficheiros no GitHub, Dropbox, Drive, OneDrive ou Bitbucket a partir do próprio editor.
• Precisas de renderização matemática KaTeX.
• Precisas de notas de rodapé.
• Queres a profundidade do editor Monaco (multi-cursor, autocompletion, modo vim).

Para tudo o resto (esboçar um README, pré-visualizar a descrição de um PR, autor de um documento com diagramas Mermaid, exportar um PDF que nunca sai do separador) o editor de Markdown do TaskKit é o melhor encaixe.

O que o TaskKit deixa de fora deliberadamente

• Sincronização cloud. Um botão "Gravar no GitHub" é uma ótima UX. Também exige um backend, tokens OAuth guardados algures e um modelo de sessão. A postura do TaskKit é "sem backend"; colar o HTML renderizado ou descarregar um PDF é o caminho de exportação.
• Realce de sintaxe em blocos de código. Um highlighter a sério (Prism, highlight.js, Shiki) são 50 a 500 KB despachados em cada página. Deixámo-lo de fora para manter o bundle pequeno. A tag de linguagem continua a virar nome de classe (language-js), por isso podes adicionar realce por cima do HTML copiado se precisares.
• Botões integrados de "enviar para LLM". O teu rascunho ir parar a um LLM é uma ação real com consequências reais. O editor é o sítio errado para a esconder atrás de um botão.
• Texto selecionável dentro do PDF exportado. A exportação rasteriza a pré-visualização, o que garante fidelidade perfeita de estilo à custa de texto selecionável. Texto vetorial exigiria um motor de layout diferente.

Experimenta as ferramentas Markdown do TaskKit

Metodologia

Testado a 2026-05-16 em Chrome com perfil novo e cache apagada, sem extensões a filtrar pedidos ativas. Os contadores de rede foram retirados do log de pedidos do navegador num carregamento a frio de https://dillinger.io/, antes de qualquer interação. As verificações de trackers consultaram diretamente window.ga, window.gtag, window.dataLayer e window.google_tag_manager. O comprimento da fila _bsa foi lido a partir de window._bsa_queue. A citação "PDF export Available Server-rendered" vem do documento de boas-vindas servido na página inicial. Os endpoints de sincronização cloud e a stack Next.js 14 / Monaco estão documentados na página /features da própria ferramenta e no repositório joemccann/dillinger. As afirmações do TaskKit vêm do renderer Markdown em src/lib/dev/markdown.ts e do componente da ferramenta em src/components/dev/MarkdownTool.tsx. A matriz será revisitada quando alguma das ferramentas mudar materialmente.

Dillinger é uma marca do seu titular respetivo. Esta página não está associada ao Dillinger nem conta com o seu apoio.