Ajout de style de tableau dans un éditeur de texte enrichi

Symptômes

Comment appliquer un style à un tableau créé dans l’éditeur de texte enrichi ?

Résolution

Dans l’éditeur de texte enrichi, CSS doit être utilisé lors du style des composants HTML. Vous trouverez ci-dessous une description générique de l’ajout de CSS au tableau.

Ce qui suit est effectué sous le nœud /apps/foundation/components/text/dialog/items/text/rtePlugins/table.

CSS pour le tableau :

1. Créez le nom du noeud non structuré nt: "tableStyles".
2. Créez une propriété avec le nom cssClassName et la valeur DisplayName (par exemple tblBlue avec la valeur tableau bleu)
3. Ajoutez d’autres propriétés si des styles supplémentaires sont nécessaires.

CSS pour la cellule :

1. Créez le nom du noeud non structuré nt: "cellStyles"
2. Créez une propriété avec le nom cssClassName et la valeur DisplayName (par exemple tblRedCell avec la valeur Red Cell).
3. Ajoutez des propriétés supplémentaires si des styles supplémentaires sont nécessaires

REMARQUE : Pour que le style soit utilisé, vous devez créer les styles css appropriés dans la feuille de style qui sera chargée lors du chargement de la page. Par exemple, ajoutez les éléments suivants à la feuille de style CSS.

table.tblBlue { color: blue; } table.tblRedCell { color: red; }

Application

CQ5.3