Edição HTML
Esta ajuda explica o Modo HTML do editor de páginas e publicações do blog. Ele permite editar diretamente o código HTML do conteúdo em vez de usar o editor visual.
O Modo HTML é um recurso avançado para usuários com conhecimentos técnicos. Se você nunca trabalhou com código HTML, recomendamos ficar no editor visual.
Acesso ao Modo HTML
No editor de qualquer página ou publicação do blog, dentro da aba Edição de conteúdo:
- Na barra de ferramentas superior, localize o botão
</>(último grupo de ícones). - Pressione o botão. Aparece um aviso de confirmação com um alerta.
- Pressione Aceitar para entrar no Modo HTML.
O editor muda para um fundo escuro com texto monoespaçado (semelhante a um editor de código). Neste modo você pode ver e editar todo o código HTML do conteúdo.
Voltar ao editor visual
Para voltar ao editor visual, pressione o botão </> novamente. Aparece outra confirmação: pressione Aceitar para voltar.
Seu código HTML é preservado ao trocar de modo e ao salvar, mesmo que inclua elementos que o editor visual não mostra:
<div class="...">com classes personalizadas<script>para rastreamento, formulários externos, widgets- Atributos
data-*e outros não padronizados - Estruturas complexas (tabelas, iframes, embeds)
Esses elementos são salvos corretamente ao pressionar Salvar, mesmo que não apareçam na tela quando você alterna para o editor visual. Isso é intencional: o editor visual só mostra o que entende, mas o código-fonte permanece intacto.
Para que serve o Modo HTML
O editor visual cobre a maioria dos casos (negrito, listas, títulos, links, imagens), mas há funções que só podem ser adicionadas por meio de código HTML:
- Vídeos do Youtube, Vimeo ou outras plataformas — colando o código
<iframe>de incorporação. - Mapas do Google Maps — colando o código
<iframe>de incorporação. - Formulários externos (pesquisas, captação, contato avançado) — colando o código de incorporação do provedor.
- Alinhamento de texto, cores e tamanhos de fonte personalizados — usando atributos
style="...". - Links sobre imagens (foto clicável) — combinando
<a>com<img>. - Tabelas complexas.
Tutoriais relacionados
Estes tutoriais mostram exemplos práticos do Modo HTML para tarefas específicas:
Aprender HTML básico
Se você quiser aprender os fundamentos do HTML, há muitos recursos gratuitos disponíveis:
- MDN Web Docs — Aprender HTML (Mozilla, recomendado).
- HTML.com — Tutorial básico (em inglês, muito prático).
- Busque no Google "curso de HTML básico" — há vídeos e guias passo a passo.
Você não precisa aprender HTML completo para usar este modo. Para casos típicos (inserir um vídeo, um mapa, um formulário), basta copiar o código de incorporação fornecido pela plataforma de origem (Youtube, Google Maps, Typeform, etc.) e colá-lo no Modo HTML onde for necessário.