---
title: "Utiliser le bloc HTML dans l'éditeur drag-and-drop"
description: "Activez le bloc HTML au niveau du workspace, ajoutez-le dans l'éditeur de modèle et saisissez du code HTML personnalisé directement dans Signitic."
url: https://support.signitic.com/fr/articles/9561114-utiliser-le-bloc-html-dans-l-editeur-drag-and-drop
collection: "Fonctionnement et éditeur avancé"
updated: 2026-10-30
language: fr
alternates: [en, de, it, pt]
---

# Utiliser le bloc HTML dans l'éditeur drag-and-drop

Activez le bloc HTML au niveau du workspace, ajoutez-le dans l'éditeur de modèle et saisissez du code HTML personnalisé directement dans Signitic.

> **Info:** Le bloc HTML permet d'insérer un fragment HTML personnalisé dans l'éditeur drag-and-drop lorsque les blocs standards ne suffisent pas.

## **❶** Activer le bloc HTML

Rendez-vous dans **Paramètres > Signature > Advanced** puis activez l'option **Enable the HTML block**.

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

## **❷** Ajouter le bloc dans un modèle

Ouvrez l'onglet **Modèle**, puis cliquez sur **Edit** pour ouvrir l'éditeur drag-and-drop.

Dans la palette de gauche, ajoutez le bloc **HTML block**.

Lorsque vous sélectionnez le bloc, le champ **HTML code** apparaît dans le panneau de droite.

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

## **❸** Comprendre ce que vous voyez dans l'éditeur

-   Dans le canvas, le bloc affiche un placeholder `<html>`.
    
-   Ce comportement est normal : l'éditeur n'essaie pas de rendre du HTML arbitraire directement dans le canvas.
    
-   Dans la signature finale, le fragment HTML est bien rendu.
    

## **❹** Connaître les règles de sécurité

-   Le HTML est assaini au moment de la prévisualisation et de la sauvegarde.
    
-   Les structures utiles aux emails restent autorisées, notamment les tableaux, blocs de texte, liens et images.
    
-   Les balises sensibles comme `script`, `iframe` et `form` sont supprimées.
    
-   Les liens sont limités à `http`, `https`, `mailto` et `tel`.
    
-   Les tokens Twig existants sont préservés pour que les variables de signature continuent de fonctionner.
    

## **❺** Quand utiliser ce bloc

-   Pour intégrer un morceau de mise en page très spécifique qui n'existe pas encore dans les blocs standards.
    
-   Pour conserver un rendu email précis basé sur du HTML validé par vos équipes.
    
-   Pour répondre à un besoin avancé, sans détourner les autres blocs de l'éditeur.
    

> **Warning:** **Important :** désactiver l'option retire le bloc de la palette, mais les blocs HTML déjà présents dans les modèles continuent de fonctionner.

> **Info:** **Bon à savoir :** le placeholder dans l'éditeur ne signifie pas que le contenu est perdu. Il sert uniquement d'indication visuelle pendant l'édition.

> **Success:** **À retenir :** le bloc HTML est surtout utile pour des besoins avancés. Pour les contenus simples, les blocs natifs restent plus faciles à maintenir.