牛骨文教育服务平台(让学习变的简单)

自定义颜色

wangEditor 的默认主题颜色是灰色,但是你可以通过简单的配置,让编辑器呈现你自己想要的颜色。


在下载的所有文件中,找到wangEditor.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