Site Web avancé : éditeur de texte

Utilisez les outils de texte pour modifier l'apparence d'un widget Texte ou Titre. Modifiez la police, la couleur, l'alignement et le style du texte grâce à une interface d'édition simple. Vous pouvez ainsi rapidement modifier le style de textes spécifiques de votre site afin de mettre en évidence les points clés et d'organiser l'information.

Pour ajouter du texte à votre site, dans le panneau de gauche, cliquez sur Widgets, puis cliquez et faites glisser le widget Texte sur votre site et commencez à taper.

Ancien éditeur de texte

Pour modifier le texte sur votre site :

1. Cliquez sur le texte que vous souhaitez modifier pour ouvrir le mode d'édition.
   
   
   
2. Sélectionnez le texte que vous souhaitez modifier en cliquant et en faisant glisser sur le texte.
3. Utilisez les options d’édition en ligne dans la barre au-dessus du texte pour modifier les styles de texte, les tailles, les polices, l’alignement ou ajouter des liens.

Créez une liste à puces ou numérotée à l'aide des outils de texte du widget Texte. Les listes sont un excellent moyen de regrouper du contenu, des fonctionnalités ou des produits afin que les visiteurs puissent comprendre et comparer rapidement les informations.

Pour ajouter une liste à puces ou à numéros :

1. Cliquez sur le texte que vous souhaitez transformer en liste.
2. Mettez en surbrillance le texte et cliquez sur la liste à puces ( ) ou Liste numérotée ( ) icône dans la barre d'outils texte.
   1. (Facultatif) Pour sélectionner un style de puce différent, cliquez sur la flèche vers le bas à côté de Liste à puces ( ) icône.
3. Pour créer des puces et des listes imbriquées, appuyez sur la touche Tab de votre clavier. La puce ou le numéro s'affichera en retrait vers la droite.
   Vous pouvez avoir plusieurs listes à puces et à numéros imbriquées.

Pour accéder à l'éditeur de style, faites un clic droit sur le widget de texte, puis cliquez sur « Modifier le style ». Le style de texte par défaut est basé sur les paramètres de style globaux. Toute modification apportée à un texte spécifique remplace ces paramètres. Pour plus d'informations, consultez la section « Texte du thème » .

Pour plus d'informations sur les options de conception non spécifiques à ce widget (par exemple, la disposition, le style ou l'espacement), consultez la section Conception de widgets. Pour en savoir plus sur les polices que nous proposons, consultez la section Polices.

Nouvel éditeur de texte

Une nouvelle version de l'éditeur de texte a été ajoutée à l'éditeur pour tous les widgets de texte (Grand Titre H1, Petit Titre H3 et Paragraphe). Cet éditeur inclut toutes les options intégrées de l'ancien éditeur de texte, ainsi qu'une technologie améliorée pour une stabilité accrue, un plus grand nombre de personnalisations, et bien plus encore.

Mise à jour vers un nouvel éditeur de texte

Le nouvel éditeur de texte comprend une technologie améliorée pour une stabilité accrue, une gamme plus large de tailles de texte disponibles (jusqu'à 500 px), vous permet d'utiliser différents styles de texte dans le même élément, et bien plus encore.

Pour mettre à niveau et utiliser le nouvel éditeur de texte :

1. Cliquez sur le texte que vous souhaitez modifier pour ouvrir le mode d'édition.
2. Dans l'éditeur de texte, cliquez sur Mettre à jour l'éditeur de texte.
3. Dans le message de confirmation, vous avez les options suivantes :
   • Mettre à jour ce texte. Cliquez pour mettre à jour uniquement le texte widget que vous avez sélectionné.
   • Mettre automatiquement à jour tous les textes. Cliquez pour mettre à jour automatiquement tous les textes Widgets sur votre site. Attention : seul le texte sur lequel vous cliquez sera transféré vers le nouvel éditeur de texte sans approbation.

Envoyer des commentaires

Pour envoyer des commentaires sur l'éditeur de texte :

1. Cliquez sur l'icône Envoyer des commentaires dans l'éditeur.
2. Sélectionnez le type de commentaire dans la liste et saisissez une description. Vous disposez des options suivantes :
   • Bogue
   • Suggestion
   • Question
   • Autre
3. Cliquez sur Envoyer des commentaires.

Améliorations des styles et de la taille du texte

Les améliorations suivantes ont été apportées :

• D'autres tailles de texte sont disponibles. Jusqu'à 500 px.
• Plusieurs types de texte contenus dans un même élément. Par exemple, un titre 2, un paragraphe et un titre 3 peuvent être utilisés dans le même élément.
• Sélectionnez l'épaisseur de police dans la liste. Pointez sur une police pour sélectionner son épaisseur (normale, grasse).
• Le copier-coller fonctionne en externe et en interne. Le collage, qu'il soit externe ou interne à l'éditeur, applique les styles de texte globaux et les styles en ligne appliqués au texte dans l'éditeur. Le gras, le soulignement et l'italique sont conservés à partir du texte copié.
• Hauteur de ligne personnalisée. En plus des hauteurs de ligne par défaut existantes, vous pouvez désormais choisir une hauteur de ligne personnalisée.
• Spécifier l'espacement des lettres. Pour ce faire, cliquez sur l'icône à trois points dans l'éditeur de texte intégré et sélectionnez l'une des options suivantes :
  • Auto
  • Étroit (-0,05)
  • Large (0,2)
  • Personnalisé (entre -2 et 0,5 par incréments de 0,01)
• Tout en majuscules. Pour utiliser la police tout en majuscules, cliquez sur l'icône à trois points dans l'éditeur de texte en ligne, puis sur le bouton « Tout en majuscules ».
• Ombre. Sélectionnez la couleur et la position.
• Plus d'options de style de liste à puces. Cliquez sur la flèche vers le bas à côté de Liste à puces ( ) icône.
• Texte barré.
• Relier le texte aux données. Cliquez sur l'icône de données connectées dans l'éditeur de texte en ligne.

Balises HTML

En raison des bonnes pratiques HTML5, nous n'autorisons pas les mises à jour du code HTML du texte avec une balise non prise en charge.

Pour ajouter un style spécifique au texte, nous vous recommandons de l'ajouter au CSS.

Les balises suivantes sont prises en charge via le mode développeur : img, sub, sup, blockquote, code

Résolution de problèmes

Les éléments suivants peuvent entraîner l’échec de la mise à jour vers le nouvel éditeur de texte :

• Code personnalisé où le HTML n'est pas valide.
• La capacité maximale de stockage CSS du site a été atteinte.

Si votre texte contient des balises non prises en charge, l'option de mise à niveau de l'éditeur pourrait ne pas s'afficher. Les balises suivantes ne sont pas prises en charge : form, svg, iframe, audio, canvas, dialog, embed, hr, input, map, picture, select, textarea, range, table, progress, script, ins, style.

• Il n'y a pas d'option pour ajouter une liste avec un texte d'en-tête.
• Les puces des éléments d'une liste qui ont plus d'une taille de police utiliseront la taille du thème du site.