Configuração de skin e tema
config.skin define a aparência da interface do editor. O valor é adicionado ao contêiner do editor como uma classe: skin: "dark" dá ao contêiner a classe rte-skin-dark, e a folha de estilos do tema o estiliza a partir daí.
var config = {};
config.skin = "dark"; // "" (default look), "dark", "gray", "blue", "rounded-corner"
var editor = new RichTextEditor("#div_editor", config);Skins do tema padrão
| Valor | Aparência |
|---|---|
(not set) | A interface clara padrão, com cantos retos. |
dark | Barra de ferramentas e interface escuras, para aplicações com visual escuro. |
gray | Barra de ferramentas cinza suave; menos contraste sobre uma página branca. |
blue | Barra de ferramentas com destaque azul. |
rounded-corner | As cores padrão, com cantos arredondados na moldura do editor. |
Sua própria skin
O editor não valida o valor, então qualquer nome funciona, desde que você mesmo estilize a classe correspondente:
/* 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 alterar a superfície de edição em vez da interface do editor, veja contentCssUrl e setContentCssText. Cantos retos sem uma skin completa estão disponíveis pelo modificador rte-square.