ace.js富文本编辑器是常见使用编辑器之一，那么基于ace.js富文本编辑器实现字体的放大、缩小没有正常生效是怎么回事呢？

ace.js富文本编辑器实现放大、缩小代码如下：

<div id="editor" style="height: 400px; width: 100%">字体大小改变</div> 
<script src="src/ace.js" type="text/javascript" charset="utf-8"></script> 
<script> 
	var editor = ace.edit("editor");
	//获取字体大小
	var fontSizeNum = editor.getFontSize()
	//字体缩小
	editor.setFontSize(fontSizeNum-1);
	//字体放大
	editor.setFontSize(fontSizeNum+1);
</script>

如上所示，即为ace.js富文本编辑器中的字体放大和缩小的实现。

    那么在实际使用中，你是否会遇到，按照上述流程操作后，实际效果没实现呢？

 原因分析：

    ace.js富文本编辑器中字体大小设置的权级问题。

ace.js富文本编辑器中的字体放大和缩小不生效解决办法。

    1、排查全局css中是否有设置默认字体大小，若存在则需要取消。

    2、排查ace.js富文本编辑器容器中是否存在设置了固定字体大小，若存在需去掉。

    3、排查ace.js富文本编辑器区域是否设置了字体大小!important优先级，若村子需去掉。