Escrever conteúdo WordPress usando um editor de terceiros pode ser problemático ao importar texto para seu site. Além disso, os formatos tradicionais de arquivo de texto não se traduzem bem em HTML. É aí que entram os editores de markdown!

Com o editor markdown, você pode escrever conteúdo que se transforma perfeitamente em HTML, sem lidar com nenhum código complexo. Você tem muitos excelentes editores markdown on-line para escolher, incluindo opções gratuitas. Você pode até mesmo usar um editor markdown do WordPress se não quiser usar outro software.

Neste artigo, vamos explorar o que são os editores de markdown e suas vantagens. Também lhe apresentaremos os melhores editores de markdown para múltiplos sistemas operacionais. Estes incluem opções on-line e off-line, assim como uma opção WordPress.

Vamos lá!

Confira nosso guia em vídeo para os melhores editores markdown

O que é um editor Markdown?

Markdown é uma sintaxe de formatação de texto que lhe permite escrever conteúdo que você pode converter facilmente para HTML. Todo o conteúdo que você vê na web (incluindo este artigo) está em HTML. Se você usar a ferramenta de inspeção do seu navegador para verificar o código de qualquer página, você verá seu texto aparecer em HTML.

Por exemplo, digamos que você queira negritar uma linha de texto. Para fazer isso em HTML, você precisaria usar a tag <b>

<b>This is an example of bold text in HTML</b>

Esse texto exato, em sintaxe de markdown , ficaria assim:

**This is an example of bold text in HTML**

A sintaxe Markdown inclui elementos que se traduzem em cada componente HTML que você precisa. Você tem elementos de sintaxe específicos para parágrafos, cabeçalhos, listas, links e qualquer outra coisa que você possa imaginar. Aqui está um exemplo rápido de um documento de texto markdown:

Um exemplo simples de marcação regressiva.
Um exemplo simples de markdown .

Agora eis o que acontece quando você converte essa sintaxe para HTML, o que qualquer editor de markdown deve ser capaz de fazer:

Conversão de markdown para HTML.
Conversão de markdown para HTML.

Escrever em markdown é muito mais fácil do que em HTML. Um editor markdown é um software que pode reconhecer esse tipo de sintaxe e traduzi-la em outros tipos de arquivo, incluindo (mas não limitado a) HTML.

Benefícios de usar um editor Markdown

O principal benefício de usar o markdown é a portabilidade. Qualquer editor de qualidade de markdown poderá pegar um documento de markdown (.md ou .mkd) e convertê-lo em outros formatos, inclusive:

  • HTML
  • PDF
  • Texto simples
  • Epub
  • Docx

Markdown converterá para qualquer um desses tipos de arquivo, e você acabará com um documento perfeitamente formatado. Se você tentar converter um arquivo do Google Docs para HTML ou PDF, você geralmente acabará com uma confusão de formatação que exigirá tempo e esforço para corrigir (dependendo da complexidade do documento).

Outro benefício do uso de markdown é que a sintaxe é direta. Você já viu alguns exemplos de sintaxe de markdown, e pode conferir uma introdução completa a ela no Markdown Guide.

Esse nível de simplicidade é crítico porque significa que a curva de aprendizagem para usar a sintaxe de markdown é mínima. Além disso, o markdown é popular entre os desenvolvedores, e é a linguagem padrão para muitas plataformas, incluindo o GitHub.

Se você puder escrever confortavelmente, você será capaz de criar conteúdo que se traduza perfeitamente em qualquer formato de arquivo que você possa precisar. Para WordPress, você pode pegar os arquivos markdown, convertê-los em HTML e importá-los para seu site em questão de minutos. Tudo o que você precisa para começar é um editor markdown.

5 melhores editores Markdown

Para este arredondamento, vamos incluir editores markdown para cada sistema operacional (OS) e várias opções on-line. Discutiremos qual editor funcionará melhor para suas necessidades específicas, e esboçaremos qualquer informação sobre preços que você precise saber.

Tenha em mente que você pode usar praticamente qualquer editor de texto ou código como sua ferramenta principal se você se sentir à vontade para escrever em markdown. Entretanto, os editores dedicados de markdown geralmente incluem muitas características que facilitarão seu trabalho. Falaremos sobre o que são alguns desses recursos nesta seção.

1. Mark

O editor Markdown.
O editor Markdown.

Os editores Markdown não precisam embalar uma tonelada de recursos para serem úteis. Se você é um fã de editores de texto minimalistas, você vai adorar Mark.

Mark é um editor Markdown on-line que não oferece nenhuma funcionalidade complexa. À esquerda, você tem seu editor markdown, e o lado direito da tela permite que você visualize como será esse texto em um navegador. O editor também tem uma opção de modo escuro.

Você pode salvar seus arquivos em HTML ou copiar o código markdown manualmente e colá-lo em seu site. O WordPress não reconhece a sintaxe de markdown fora da caixa, mas nós lhe mostraremos como corrigir isso depois de verificarmos mais alguns editores.

Preço: Grátis

2. Typora

O editor de marcas Typora
O editor de marcas Typora.

Typora é um editor Markdown de fácil utilização que automaticamente pega sua sintaxe e lhe mostra como será seu conteúdo quando você exporta. Você pode alternar entre os modos “editor de código” e “visual preview”, facilitando a detecção e correção de erros em sua sintaxe.

Com Typora, você pode exportar documentos markdown em múltiplos formatos de arquivo, incluindo documentos Word, HTML, PDFs e arquivos de texto simples. O software também permite adicionar elementos de markdown usando atalhos de teclado, tornando o processo muito mais rápido.

Finalmente, Typora inclui um sistema temático, que é útil se você usa o software com freqüência. Com os temas, você pode ajustar o estilo Typora, para que você se sinta mais confortável ao escrever o conteúdo.

Preço: Typora ainda está em beta, e permanecerá livre até o seu lançamento oficial.

3. Draft

O editor de rascunho de markdown.
O editor de rascunho de markdown.

Draft é um editor Markdown on-line que se destaca da multidão devido a suas ferramentas de colaboração. Com o Draft, você pode escrever documentos em sintaxe markdown ou HTML e compartilhá-los para que outros usuários possam editar esses arquivos.

Quando você colabora usando Draft, a plataforma salva todas as versões de seus documentos e permite detectar mudanças entre diferentes rascunhos. Você também pode importar imagens para seus documentos a partir de múltiplas plataformas de armazenamento em nuvem ou carregá-las do seu computador.

O rascunho também permite adicionar comentários e notas de rodapé a seus documentos e criar listas de afazeres específicos de arquivos. Com as listas de afazeres, você pode verificar as tarefas à medida que as completa, assim como o resto de seus colaboradores.

Uma vez que você esteja pronto para exportar seu documento, Draft oferece múltiplas opções. Você pode exportar arquivos markdown como documentos Word ou Google, PDFs, arquivos HTML, ou mantê-los em formato markdown.

Preço: Grátis, mas você precisa se cadastrar para utilizar o Draft.

4. Dillinger

O editor de marcação regressiva Dillinger.
O editor markdown Dillinger.

Se você gosta da simplicidade do uso de Mark, mas deseja que ele tenha mais recursos, você vai adorar Dillinger. Este editor de markdown ao vivo mostra uma prévia do seu texto que é atualizado à medida que você escreve. Além disso, você pode mudar essa pré-visualização para o modo HTML, assim você verá como seu texto markdown se traduz para código HTML.

O Dillinger permite exportar seus arquivos markdown para múltiplos formatos, incluindo HTML e PDF. Você também pode visualizar seus documentos de markdown como esses formatos antes de exportá-los, o que pode lhe poupar muito tempo.

Com Dillinger, você pode salvar seus arquivos markdown diretamente em múltiplas plataformas de armazenamento em nuvem e GitHub (o que torna esta ferramenta perfeita para escrever documentação). Você também pode importar arquivos dessas mesmas plataformas para o Dillinger ou carregar documentos markdown a partir do seu computador.

Preço: Grátis

5. iA Writer

O editor de marcações do iA Writer.
O editor de markdown do iA Writer.

Se você está procurando um editor markdown que funcione com Android e iOS para que você possa criar conteúdo a partir de seus dispositivos móveis, você vai adorar o iA Writer. O software também oferece versões Windows e macOS, apresentando a mesma interface sem confusão em todas as plataformas.

O iA Writer destaca sua sintaxe de markdown usando cores, facilitando o acompanhamento de cada elemento. O software também inclui um verificador de estilo incorporado, que ajuda a eliminar redundâncias de sua escrita, e você pode emparelhá-lo com um modo de foco para evitar distrações.

O software permite que você visualize seus arquivos markdown em formato HTML ou PDF e os exporte. Você também pode adicionar metadados a seus documentos, o que é particularmente útil se você estiver trabalhando no conteúdo da web.

Preço: Os preços das licenças variam de acordo com o SO que você utiliza.

Quais são suas opções de editor markdown do WordPress?

O WordPress permite escrever conteúdo usando um editor visual simples ou em HTML. Entretanto, você não pode retirar a sintaxe de markdown e importá-la para o WordPress porque o CMS não pode analisá-la.

Aqui está um exemplo rápido do que acontece se adicionarmos texto markdown ao editor de código:

Usando o markdown no WordPress.
Usando o markdown no WordPress.

O WordPress pegará seu código markdown e o renderizará como está. Isso significa que se você usar o markdown, você precisa exportar seus arquivos para HTML, copiar esse código e colá-lo no editor de código da página ou post do WordPress.

Alternativamente, há um plugin que podemos recomendar que acrescenta suporte a markdown ao WordPress, e que é o Jetpack. O Jetpack adiciona uma quantidade surpreendente de recursos ao WordPress, que vão desde o aumento da segurança até backups automáticos e otimização de mídia.

Se você quiser saber como montar e configurar o Jetpack, temos um guia detalhado sobre como fazê-lo. Para ativar o editor markdown Jetpack do WordPress, você precisará ativar o plugin e navegar para Jetpack > Settings > Writing.

Procure a seção chamada Composing e habilite a configuração que diz Write posts or pages in plain-text Markdown syntax:

Habilitando a sintaxe de markdown no WordPress.
Habilitando a sintaxe de markdown no WordPress.

Depois de ativar a configuração de sintaxe Markdown, abra o Editor de Blocos, e você verá que tem acesso a um novo bloco Markdown:

Usando o bloco Jetpack Markdown.
Usando o bloco Jetpack Markdown.

Usando este bloco, você será capaz de escrever em sintaxe de markdown. Se você clicar na aba Preview, você poderá ver como sua sintaxe ficará no frontend.

Se você quiser ter acesso a um editor markdown para WordPress embutido, o Jetpack é sua melhor aposta. A única desvantagem é que você precisa conectar o plugin com uma conta WordPress.com. Entretanto, a funcionalidade de markdown está disponível dentro da versão gratuita do Jetpack, de modo que você não precisa pagar nada para começar a usar a sintaxe no WordPress.

Resumo

O uso da sintaxe markdown pode tornar seu trabalho muito mais fácil para exportar arquivos em HTML ou outros formatos padrão, tais como documentos Word e PDFs. Se você usar o plugin Jetpack, você terá acesso a um editor markdown do WordPress que pode ser usado sem sair do seu site.

Alternativamente, você pode usar um editor markdown completo, exportar seus arquivos para HTML e carregar esse código para o WordPress. Compartilhamos aqui nossas cinco melhores escolhas.

Você tem experiência com outros editores markdown? Informe-nos nos comentários abaixo!

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.