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
| Valeur | Apparence |
|---|---|
(not set) | Le cadre clair par défaut, avec des angles droits. |
dark | Barre d’outils et cadre sombres, pour une application à l’interface sombre. |
gray | Barre d’outils grise et sobre ; moins de contraste sur une page blanche. |
blue | Barre d’outils avec un accent bleu. |
rounded-corner | Les 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.