自定义颜色
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