上一节我们体验了百度编辑器ueditor的定制工具栏，本章节介绍如何设置默认字体大小，行高等样式，当然这也是百度编辑器ueditor自定义功能的一部分，也属于定制特性。
第一，我们接着上一节继续介绍百度编辑器ueditor的定制特性，上一节呢，我们在定制工具栏的时候，并没有定制字体的大小，现在我们查询百度编辑器工具栏表表示字体大小的toolbars的字符串为'fontsize'，我们把它放进toolbars数组中，效果如下
其实修改字体大小 行高等有两种方式，第一种就是修改百度编辑器的ueditor.config.js文件，另一种就是在jsp页面初始化百度编辑器的时候设置默认参数，本人比较推荐第二种。
第一种、修改ueditor.config.js，操作如下
1，打开工程项目中的百度编辑器依赖文件ueditor.config.js，在配置文件中找到initialStyle选项。放开注释符号，如下代码
initialStyle:'p{line-height:1em}' 修改为 initialStyle:'p{line-height:1em;font-size: 26px}'，我们设置默认字体大小为26px,一定要记得放开此行注释。效果如下
只有鼠标放上去之后才会显示字体大小，如果鼠标不聚焦在编辑器内部， 工具栏显示"字号"两字。
第二种、在jsp界面初始化编辑器的时候设置
把实例化百度编辑器的代码修改为如下：
var ue = UE.getEditor('container', {
toolbars: [
['fullscreen', 'source', 'undo', 'redo'],
['fontsize','bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
],
initialStyle:'p{line-height:30px;font-size: 20px;}'//设置默认字体大小 行高等
});第6行initialStyle:'p{line-height:30px;font-size: 20px;}'代码便是设置默认字体大小，行高。其中字体默认大小为20px,效果图如下
此文章本站原创，地址 https://www.vxzsk.com/162.html
转载请注明出处！谢谢！
感觉本站内容不错，读后有收获？小额赞助,鼓励网站分享出更好的教程