Skin und Theme konfigurieren

config.skin bestimmt, wie der Rahmen des Editors aussieht. Der Wert wird dem Container des Editors als Klasse hinzugefügt: skin: "dark" gibt dem Container die Klasse rte-skin-dark, und das Stylesheet des Themes gestaltet ihn davon ausgehend.

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

Skins im Standard-Theme

Wert	Aussehen
`(not set)`	Der standardmäßige helle Rahmen, mit eckigen Ecken.
`dark`	Dunkle Symbolleiste und dunkler Rahmen, für eine dunkle Anwendungsoberfläche.
`gray`	Gedämpft graue Symbolleiste; weniger Kontrast zu einer weißen Seite.
`blue`	Blauer Akzent in der Symbolleiste.
`rounded-corner`	Die Standardfarben mit abgerundeten Ecken am Rahmen des Editors.

Ein eigener Skin

Der Editor prüft den Wert nicht, daher funktioniert jeder Name, solange Sie die passende Klasse selbst gestalten:

/* 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; }

Wenn Sie statt des Rahmens die Bearbeitungsfläche ändern möchten, lesen Sie contentCssUrl und setContentCssText. Eckige Ecken ohne vollständigen Skin erhalten Sie über den Modifikator rte-square.