ace.js富文本编辑器放大缩小为什么失效了

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优先级,若村子需去掉。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!