← Toute la documentation

Configuration de l’habillage et du thème

config.skin choisit l’apparence du cadre de l’éditeur. La valeur est ajoutée au conteneur de l’éditeur sous forme de classe : skin: "dark" donne au conteneur la classe rte-skin-dark, et la feuille de style du thème le met en forme à partir de là.

var config = {};
config.skin = "dark";          // "" (default look), "dark", "gray", "blue", "rounded-corner"
var editor = new RichTextEditor("#div_editor", config);

Habillages du thème par défaut

ValeurApparence
(not set)Le cadre clair par défaut, avec des angles droits.
darkBarre d’outils et cadre sombres, pour une application à l’interface sombre.
grayBarre d’outils grise et sobre ; moins de contraste sur une page blanche.
blueBarre d’outils avec un accent bleu.
rounded-cornerLes couleurs par défaut, avec des angles arrondis sur le cadre de l’éditeur.

Votre propre habillage

L’éditeur ne valide pas la valeur : n’importe quel nom fonctionne, à condition que vous mettiez vous-même en forme la classe correspondante :

/* Your own skin: any class name works, the editor just prefixes it. */
.rte-skin-brand .rte-toolbar { background: #101828; }
.rte-skin-brand .rte-toolbar button { color: #e6eefc; }

Pour modifier la surface d’édition plutôt que le cadre, consultez contentCssUrl et setContentCssText. Des angles droits sans habillage complet sont disponibles avec le modificateur rte-square.