自定义颜色
最后更新于: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
';