← 全部文档

皮肤与主题配置

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 修饰类。