Utilisation du HTML dans l’éditeur
Lorsque vous ajoutez du HTML dans l’éditeur via la vue Code source, celui-ci est automatiquement vérifié et nettoyé lors de l’enregistrement.
Cela signifie que :
- Le code non sécurisé (comme les scripts malveillants) est automatiquement supprimé.
- Le HTML invalide ou incorrect est corrigé ou nettoyé.
- L’éditeur (TinyMCE) peut réécrire automatiquement certaines structures HTML.
Ces contrôles garantissent que le site reste sécurisé, stable et fonctionne correctement.
CSS (mise en forme)
Un bloc <style> placé dans le <head> de votre HTML est automatiquement supprimé.
Si vous souhaitez appliquer du CSS, utilisez le champ dédié Custom CSS dans le système.
Éléments HTML autorisés
Texte et structure
<p><h1>,<h2>,<h3><blockquote><pre>
Mise en forme du texte
<strong><em><b><i><sup><sub><span>
Listes
<ul><ol><li>
Liens
<a href="...">
Protocoles autorisés :
https:(recommandé)http:mailto:tel:news:
Médias
<video><audio>
Images
<img src="..." alt="..." width="..." height="...">
Remarque : les fichiers SVG ne sont pas autorisés.
Utilisez plutôt les formats JPG, PNG ou GIF.
Éléments HTML non autorisés
Scripts et contenu actif
<script><noscript>- Gestionnaires d’événements (comme
onclick,onload, etc.) <object><embed><applet>
Éléments de structure du document
<html><head><meta><link><title><style>
Formulaires
<form><input><button><select><textarea>
Intégrations externes
<iframe>
HTML obsolète
<font><center><big><small><strike>
Types de liens non autorisés
data:file:wss:
Directives de style
Utilisez une mise en forme simple et cohérente :
- Privilégiez les styles inline ou les classes autorisées
- Gardez des mises en page simples
- Évitez :
position: absoluteposition: fixedz-index- les animations ou transformations complexes
Pour les espacements :
- Utilisez
marginetpadding - N’utilisez pas
pour créer de l’espace
Les polices externes (comme Google Fonts) doivent être chargées de manière centralisée sur le site et non directement dans le contenu.
Validation HTML
Vérifiez toujours soigneusement votre HTML pour détecter les erreurs ou fautes de frappe.
Utilisez un validateur HTML ou faites vérifier votre code avant publication.
Différences d’affichage selon les clients e-mail
Les e-mails peuvent s’afficher différemment selon le client de messagerie utilisé.
En particulier :
- Microsoft Outlook (version bureau) a une prise en charge limitée du CSS
- Gmail applique des règles de rendu HTML et CSS différentes
Par conséquent, l’affichage peut différer du design initial.
Nous vous recommandons d’en tenir compte lors de la conception de vos e-mails afin de garantir une apparence aussi cohérente que possible entre les différents clients.