皮肤与主题配置
config.skin 决定编辑器外框的外观。该值会作为类名添加到编辑器容器上:skin: "dark" 会让容器带上 rte-skin-dark,再由主题样式表据此设置样式。
var config = {};
config.skin = "dark"; // "" (default look), "dark", "gray", "blue", "rounded-corner"
var editor = new RichTextEditor("#div_editor", config);默认主题中的皮肤
| 值 | 外观 |
|---|---|
(not set) | 默认的浅色外框,直角。 |
dark | 深色工具栏和外框,适合深色的应用外壳。 |
gray | 柔和的灰色工具栏;与白色页面的对比度较低。 |
blue | 蓝色工具栏强调色。 |
rounded-corner | 默认配色,编辑器边框为圆角。 |
自定义皮肤
编辑器不会验证这个值,因此只要您自己为对应的类编写样式,任何名称都可以使用:
/* 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; }如果要修改的是编辑区域而不是外框,请参阅 contentCssUrl 和 setContentCssText。如果只想要直角而不使用完整的皮肤,可以使用 rte-square 修饰类。