Configuración del skin y el tema
config.skin elige el aspecto de la interfaz del editor. El valor se añade como clase al contenedor del editor: skin: "dark" le da al contenedor rte-skin-dark, y la hoja de estilos del tema le aplica estilo a partir de ahí.
var config = {};
config.skin = "dark"; // "" (default look), "dark", "gray", "blue", "rounded-corner"
var editor = new RichTextEditor("#div_editor", config);Skins del tema predeterminado
| Valor | Aspecto |
|---|---|
(not set) | La interfaz clara predeterminada, con esquinas rectas. |
dark | Barra de herramientas e interfaz oscuras, para una aplicación con fondo oscuro. |
gray | Barra de herramientas en gris apagado; menos contraste sobre una página blanca. |
blue | Barra de herramientas con acento azul. |
rounded-corner | Los colores predeterminados con esquinas redondeadas en el marco del editor. |
Tu propio skin
El editor no valida el valor, así que cualquier nombre funciona siempre que tú mismo des estilo a la clase correspondiente:
/* 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; }Para cambiar la superficie de edición en lugar de la interfaz, consulta contentCssUrl y setContentCssText. Las esquinas rectas sin un skin completo están disponibles con el modificador rte-square.