ace.js富文本编辑器实现字体的放大缩小功能
JavaScipt
2024-07-15 20:43:00
富文本在网站中是极为重要的文章展示及录入方式,市面上各类富文本也多不胜数。本篇文章就来介绍常见的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():设置当前富文本字体大小为指定大小。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
881篇文章
581人已阅读