12

Styliser vos contenus enrichis

Chapitre 12
2 min
Frédéric Lemercier

01. Introduction au style d'éléments enrichis

Le style des éléments à l'intérieur du RTE fonctionne différemment, c'est parce que le texte et les éléments multimédias à l'intérieur d'un RTE peuvent être créés ou supprimés par des collaborateurs à tout moment.

02. Style de base

Les éléments RTE héritent de leur style de leurs balises HTML respectives. La manière la plus simple de styliser des éléments dans un RTE consiste à sélectionner l'élément imbriqué et à styliser sa balise.

Si le RTE est activé, c'est-à-dire que vous tapez ou ajoutez du contenu à l'intérieur, vous ne pourrez pas sélectionner les éléments individuels à l'intérieur.

Pour désactiver le RTE, appuyez sur "ESC". Vous pourrez désormais sélectionner les éléments imbriqués dans le RTE pour les styliser. Voici comment styliser un élément imbriqué dans un RTE:

  • Sélectionnez l'élément dans le RTE
  • Cliquez dans le champ de sélection dans le panneau "Style" ou appuyez sur CMD + Entrée (sur Mac) | Ctrl + Entrée (ous Windows)
  • Sélectionnez la balise (par exemple, "All paragraphs") dans le menu
  • Stylisez le contenu

De cette façon, vous modifiez les styles par défaut de cet élément dans tout le projet. Si vous ne souhaitez pas styliser tous les éléments de vos projets, consultez la mise en forme avancée ci-dessous.

03. Styliser du texte riche dynamique

Les éléments de texte enrichi peuvent être connectés à des champs de texte enrichi dans une collection. Lorsqu'un RTE est connecté, il n'est plus possible de sélectionner ou de modifier des éléments de texte, sauf dans le CMS. C'est parce que le contenu est extrait du CMS lui-même.

Pour styliser un RTE connecté, il est recommandé de le déconnecter ("dissocier") du champ, de styliser les éléments imbriqués, puis de le reconnecter ("lier"). Si vous souhaitez simplement appliquer une classe sur un RTE connecté, vous pouvez le faire sans le déconnecter.

Besoin d'aide ? Demandez-nous !

Nous contacter

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.