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>

关键点解析:

    getFontSize():获取当前富文本中字体的大小。

    setFontSize():设置当前富文本字体大小为指定大小。

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