---
title: "Utilizar o bloco HTML no editor drag-and-drop"
description: "Ative o bloco HTML ao nível do workspace, adicione-o no editor de modelos e introduza HTML personalizado diretamente no Signitic."
url: https://support.signitic.com/pt/articles/9561114-utilizar-o-bloco-html-no-editor-drag-and-drop
collection: "Funcionamento e editor avançado"
updated: 2026-10-30
language: pt
alternates: [fr, en, de, it]
---

# Utilizar o bloco HTML no editor drag-and-drop

Ative o bloco HTML ao nível do workspace, adicione-o no editor de modelos e introduza HTML personalizado diretamente no Signitic.

> **Info:** O bloco HTML permite inserir um fragmento HTML personalizado no editor drag-and-drop quando os blocos padrão não são suficientes.

## **❶** Ativar o bloco HTML

Abra **Definições > Assinatura > Advanced** e ative a opção **Enable the HTML block**.

![](https://staticfiles.gleap.io/p669e4628f35b0c8e9eff6ebe/tAXEgBz7WVy8F9WwYvRoEOkIxpVFG8fvjlj7iCTVUFsqaRa3LL4kQXR59dYAiKwhjlBZeNjJjhK.png)

## **❷** Adicionar o bloco a um modelo

Abra o separador **Modelo** e clique em **Edit** para abrir o editor drag-and-drop.

Na paleta da esquerda, adicione o bloco **HTML block**.

Quando seleciona o bloco, o campo **HTML code** aparece no painel da direita.

![](https://staticfiles.gleap.io/p669e4628f35b0c8e9eff6ebe/dWnMjWlKASY5t2tQkjaLSGpzuLaI0LjOlGoyIa6uj6uuax5IMWJoNy3t5UTMIUWDZ0VCxyCQTTI.png)

## **❸** Compreender o que vê no editor

-   No canvas, o bloco apresenta um placeholder `<html>`.
    
-   Isto é normal: o editor não tenta renderizar HTML arbitrário diretamente no canvas.
    
-   Na assinatura final, o fragmento HTML é renderizado corretamente.
    

## **❹** Conhecer as regras de segurança

-   O HTML é saneado durante a pré-visualização e a gravação.
    
-   Mantêm-se permitidas as estruturas adequadas para email, incluindo tabelas, blocos de texto, links e imagens.
    
-   Etiquetas sensíveis como `script`, `iframe` e `form` são removidas.
    
-   Os links estão limitados a `http`, `https`, `mailto` e `tel`.
    
-   Os tokens Twig existentes são preservados para que as variáveis da assinatura continuem a funcionar.
    

## **❺** Quando utilizar este bloco

-   Para adicionar uma parte de layout muito específica que não existe nos blocos padrão.
    
-   Para manter um rendering de email baseado em HTML já validado pelas suas equipas.
    
-   Para responder a uma necessidade avançada sem desviar o uso dos outros blocos do editor.
    

> **Warning:** **Importante:** desativar a opção remove o bloco da paleta, mas os blocos HTML já presentes nos modelos continuam a funcionar.

> **Info:** **Bom saber:** o placeholder no editor não significa que o conteúdo foi perdido. Serve apenas como indicação visual durante a edição.

> **Success:** **A reter:** o bloco HTML é sobretudo útil para necessidades avançadas. Para conteúdos simples, os blocos nativos continuam a ser mais fáceis de manter.