项目中用到了wangEditor这个编辑器组件,官网地址:http://www.wangeditor.com,最新版本效果图如下:
,没有字体大小控制和字体样式的功能。只好在此基础上做修改,想达到效果如下:
话不多说,直接上代码:
1)首先是配置信息:
var config = {
// 字体大小配置
fontSizes: {h1:1,h2:2,h3:3,h4:4,h5:5,h6:6,h7:7},
...
}
2)字体配置函数及构造函数
/*
menu - fontsize
*/
//构造函数
function FontSize(editor) {
var _this = this;
this.editor = editor;
this.$elem &