自定义颜色

最后更新于:2022-04-01 23:41:58

wangEditor 的默认主题颜色是灰色,但是你可以通过简单的配置,让编辑器呈现你自己想要的颜色。 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-01-29_56ab6d07b2fff.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-01-29_56ab6d07c57ca.png) 在下载的所有文件中,找到`wangEditor.less`,打开,搜索`全局颜色配置`,会发现如下代码: ```less // ---------- begin 全局颜色配置 ------------ /* 编辑器边框颜色 */ @border-color: #ccc; /* 菜单颜色、上边框颜色 */ @fore-color: #666; /* 菜单选中状态的颜色 */ @selected-color: #1e88e5; /* input focus 时的颜色 */ @focus-input-color: #1e88e5; /* 按钮颜色 */ @button-color: #1e88e5; /* tab selected 状态下的颜色 */ @selected-tab-color: #1e88e5; // ---------- end 全局颜色配置 ------------ ``` 以上的颜色配置,就是编辑器用到的所有颜色。将这些颜色根据自己的需要修改、保存,然后将这个`less`文件重新编译成一个新的`css`文件,引用即可生效。 ------ 说明:`less`编译为`css`有很多工具,如果不熟悉,可以直接搜索一些在线编译工具,例如 http://tool.oschina.net/less
';