wangeditor设置字体_自定义颜色、字体、字号

可通过`editor.config.colors` `editor.config.familys` `editor.config.fontsizes` 三个配置项来配置编辑器的颜色(字体颜色、背景色)，字体，字号。**该操作必须再`editor.create()`方法之前执行**

![](https://box.kancloud.cn/2016-01-29_56ab6d05af824.png)

代码示例：

```html

请输入内容...

var editor = new wangEditor('div1');

// 颜色

editor.config.colors = {

'#880000': '暗红色',

'#800080': '紫色',

'#ff0000': '红色'

};

// 字体

editor.config.familys = [

'宋体', '黑体', '楷体', '微软雅黑',

'Arial', 'Verdana', 'Georgia'

];

// 字号

editor.config.fontsizes = {

// 格式：'value': 'title'

1: '10px',

2: '13px',

3: '16px',

4: '19px',

5: '22px',

6: '25px',

7: '28px'

};

editor.create();

```

注意：字号的配置中，对象的`value`值必须是`1 2 3 4 5 6 7`这几个数字(全部或者选择其中几个)，`title`可以自己修改。如：

```

// 字号

editor.config.fontsizes = {

// 格式：'value': 'title'

2: '小',

3: '中',

5: '大',

7: '特大'

};

```

wangeditor设置字体_自定义颜色、字体、字号相关推荐

怎么自定义字体_自定义字体@fontface的常见应用
前言 @font-face允许网页自带字体,从而消除对用户电脑字体的依赖.基本用法如下: @font-face { font-family: "family-name"; /* 字 ...
ubuntu wps缺少字体_一个字体：系统风汜霰更纱黑
点击上方蓝色字关注汜霰! ★ 『汜霰の更纱黑』 ★ ★ 生存如夏花之绚烂,死亡如秋叶之静美. 制作日志:这个字体有不少版本,最让我中意的是台标字形.中文字形优化了方折圆角(这个字体用小字体更好看哦~不 ...
swing 按钮字体字体_装饰字体
swing 按钮字体字体 This is the last in the series of font categories. We've looked at Old Style, Modern, S ...
java窗体显示字体_文字字体设计窗体实验！求大神
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE MicrosoftInternetExpl ...
mac微软雅黑字体_【字体字重】常见设计稿字体对应字重
总结如下: Font-weight就是字形的重量,就是粗不粗.在和程序员对接设计的过程中,发现前端大佬很多该加粗的地方都没有加粗,由此顺藤摸瓜,发现前端大佬们在看标注时,都不知道Pingfang的me ...
iconfont 图标转为字体_阿里字体库iconfont使用方法
天兴工作室之前写过一篇"zblog使用Font Awesome图标字体教程",然后发现"Font Awesome"太臃肿了,一个主题根本用不了这么多图标,图标样 ...
ios 自动缩小字体_小字体紫筑B丸85%中粗体文件+deb双版本
今天带来的是有字由心雨公众号的一款收费字体『紫筑B丸』,我把5字重里面的中粗体提取出来单独缩小至85%后做成了单字重,同时把英文也改变成和中文对应的大小粗度后,整体感觉非常的舒服,也一直是我自用最久的 ...
ubuntu wps缺少字体_一个字体：系统风汜霰狮尾黑
点击上方蓝色字关注汜霰! ★ 『汜霰の狮尾黑』 ★ ★ 生存如夏花之绚烂,死亡如秋叶之静美. 制作日志:这个字体是日系字形(部分bug字形我已以思源日系更换,其余字形还原原版).中文字形我做了圆角方折 ...
ubuntu wps缺少字体_一个字体：系统风汜霰汜源圆
点击上方蓝色字关注汜霰! ★ 『汜霰の汜源圆』 ★ ★ 你说生不逢时,我说时不逢人. 制作日志:这个字体是国标字形,中文字形我做了圆润优化(M版上机非常赞哦~),再来,由于原版的英文.拉丁文实在不讨喜 ...

wangeditor设置字体_自定义颜色、字体、字号

wangeditor设置字体_自定义颜色、字体、字号相关推荐

最新文章

热门文章