Você tem conteúdo HTML de uma página web, newsletter ou documentação e quer trazê-lo para uma página do Notion. O Notion não possui um recurso de importação direta para arquivos HTML. No entanto, você pode colar o conteúdo HTML no Notion, e o aplicativo converterá automaticamente os elementos suportados em blocos do Notion. Este artigo explica quais elementos HTML são convertidos corretamente, quais quebram e as etapas exatas para colar e limpar o conteúdo importado.
Principais conclusões: importar HTML para o Notion
- Cole o HTML diretamente em uma página do Notion: O Notion converte títulos, listas, links e formatação básica automaticamente
- Ctrl+Shift+V (Windows) ou Cmd+Shift+V (Mac): Cola texto sem formatação HTML
- Ferramentas de terceiros como Paste to Notion: Preservam estruturas HTML mais complexas, como tabelas e blocos de código
O que acontece quando você cola HTML no Notion
O Notion não lê um arquivo .html. Em vez disso, ele interpreta a marcação HTML quando você cola conteúdo copiado de um navegador ou editor HTML. O Notion remove as tags HTML e converte o texto visível e alguma formatação em sua própria estrutura baseada em blocos. Títulos se tornam blocos de título, links se tornam links inline e listas não ordenadas se tornam blocos de lista com marcadores. Imagens, tabelas e layouts baseados em div geralmente não são convertidos ou aparecem como blocos quebrados.
O Notion suporta um subconjunto limitado de elementos HTML durante a colagem. Os elementos suportados incluem tags de título h1 a h3, p, a, strong, em, ul, ol, li e br. Elementos não suportados incluem table, img, iframe, div, span, pre e qualquer estilo CSS. Se seu HTML contiver elementos não suportados, o Notion os ignora ou cola o texto bruto dentro deles.
Elementos HTML que convertem corretamente
Estes elementos HTML são convertidos em blocos do Notion quando colados diretamente:
- h1, h2, h3 — tornam-se blocos de título 1, 2, 3
- p — torna-se um bloco de texto
- a — torna-se um link inline com o atributo href
- strong — torna-se formatação em negrito
- em — torna-se formatação em itálico
- ul e li — tornam-se blocos de lista com marcadores
- ol e li — tornam-se blocos de lista numerada
- br — insere uma quebra de linha dentro de um bloco de texto
Elementos HTML que quebram ou são ignorados
Estes elementos não são convertidos em blocos do Notion e podem causar problemas de formatação:
- table — colado como texto simples, sem estrutura de colunas
- img — ignorado completamente; você deve enviar imagens separadamente
- iframe — ignorado
- div — removido, restando apenas o texto interno
- span — removido, restando apenas o texto interno
- pre — colado como uma única linha de texto, não como bloco de código
- estilos CSS — ignorados
Etapas para colar conteúdo HTML em uma página do Notion
Siga estas etapas para importar conteúdo HTML para o Notion. O método funciona no aplicativo de desktop, web e mobile do Notion.
- Abra a fonte HTML
Abra a página web, arquivo HTML ou e-mail que contém o conteúdo que deseja importar. Selecione todo o conteúdo pressionando Ctrl+A (Windows) ou Cmd+A (Mac) e copie com Ctrl+C ou Cmd+C. - Abra a página de destino no Notion
Navegue até a página do Notion onde deseja que o conteúdo apareça. Clique em uma área vazia da página para que o cursor pisque. - Cole o HTML diretamente
Pressione Ctrl+V (Windows) ou Cmd+V (Mac). O Notion processa o HTML e converte os elementos suportados em blocos. A colagem pode levar alguns segundos se o conteúdo for grande. - Inspecione o conteúdo importado
Role pelos blocos colados. Verifique se títulos, listas e links estão corretos. Se imagens ou tabelas estiverem faltando, você verá blocos vazios ou texto bruto onde deveriam estar. - Corrija elementos quebrados manualmente
Para cada imagem ausente, faça o upload do arquivo de imagem arrastando-o para o Notion ou usando o bloco de imagem. Para tabelas, crie uma tabela de banco de dados no Notion e cole o texto nas células.
Usando ferramentas de terceiros para HTML complexo
Se seu HTML contiver tabelas, blocos de código ou imagens, o método de colagem direta não funcionará bem. Várias ferramentas de terceiros podem converter HTML em Markdown compatível com o Notion ou importar HTML diretamente para o Notion.
Extensão de navegador Paste to Notion
A extensão Paste to Notion está disponível para Chrome e Firefox. Ela converte tabelas HTML em tabelas de banco de dados do Notion e blocos de código HTML em blocos de código do Notion. Instale a extensão, copie o conteúdo HTML, clique no ícone da extensão e selecione a página de destino no Notion.
Conversor HTML para Notion (aplicativo web)
Várias ferramentas web gratuitas aceitam entrada HTML e geram Markdown compatível com o Notion. Copie o Markdown convertido e cole no Notion. O Notion aceita colagem de Markdown e o converte em blocos. Esse método funciona bem para tabelas e blocos de código.
Importação via API do Notion
Se você é desenvolvedor, pode usar a API do Notion para criar páginas e blocos programaticamente. A API aceita tipos de bloco como parágrafo, título e código. Você escreve um script que analisa seu HTML e envia a estrutura de blocos correta para o Notion. Esse método requer conhecimento de programação e um token de integração do Notion.
Problemas comuns ao importar HTML para o Notion
Conteúdo colado aparece como texto simples sem formatação
Você pode ter usado o atalho de colar texto sem formatação. No Windows, Ctrl+Shift+V cola sem formatação. No Mac, Cmd+Shift+V cola sem formatação. Use Ctrl+V ou Cmd+V para preservar a conversão HTML.
Títulos colados como blocos de texto comuns
O Notion converte apenas tags h1, h2 e h3. Se seu HTML usar tags h4, h5 ou h6, o Notion as trata como texto de parágrafo. Altere o nível do título na fonte HTML para h1, h2 ou h3 antes de copiar.
Tabelas coladas como um amontoado de texto
O Notion não suporta colagem de tabelas HTML como blocos de tabela. Use um conversor de terceiros ou crie manualmente uma tabela de banco de dados no Notion e cole o texto nas células linha por linha.
Imagens não aparecem após a colagem
O Notion ignora tags img durante a colagem. Você deve fazer upload de cada arquivo de imagem individualmente. Arraste o arquivo de imagem do seu computador para a página do Notion ou use o bloco de imagem e selecione Upload.
Links não ficam clicáveis após a colagem
Se você colou usando Ctrl+Shift+V ou Cmd+Shift+V, os links são colados como texto simples. Cole novamente usando Ctrl+V ou Cmd+V. Se os links ainda não funcionarem, o HTML original pode ter usado URLs relativas. Copie a URL absoluta da fonte e adicione manualmente no Notion.
Colagem direta vs ferramenta de terceiros vs API do Notion
| Item | Colagem direta | Ferramenta de terceiros | API do Notion |
|---|---|---|---|
| Tempo de configuração | Nenhum | 5 minutos | 1-2 horas |
| Suporta tabelas | Não | Sim | Sim |
| Suporta imagens | Não | Não | Sim |
| Suporta blocos de código | Não | Sim | Sim |
| Requer programação | Não | Não | Sim |
| Melhor para | Texto simples e links | Tabelas e blocos de código | Importações em lote automatizadas |
Agora você pode importar conteúdo HTML para o Notion usando colagem direta ou conversores de terceiros. Para artigos simples com títulos e links, use o método de colagem direta com Ctrl+V. Para conteúdo complexo com tabelas ou blocos de código, use a extensão de navegador Paste to Notion ou um conversor de HTML para Markdown. Se você importa conteúdo regularmente, considere configurar um script da API do Notion que automatize todo o processo.