实时互动-教育版自定义白板文本工具的字体大小

说明：
阅读本章节前，请确保您已经了解 快速开始 的内容。
功能描述
场景
课堂白板的文本工具默认四个字体大小值：14、16、18、20。 每一个值对应映射不同的实际渲染字体大小值，分别对应280，320，360，400。用户在白板上书写文字的大小, 实际由映射的实际值来决定。
﻿
您可以修改该四个默认字体大小值的对应实际映射渲染字体大小值，来修改文本工具的实际字体大小。也可以新增或减少字体大小值，使得用户能够更精准管控。
操作方法
仅修改默认渲染字体大小值
粘贴以下代码到 快速开始 里准备好的test.js中，即可完成修改。具体说明请见注释。
TCIC.SDK.instance.promiseState(TCIC.TMainState.Joined_Class, true).then(() => {
 TCIC.SDK.instance.promiseState(TCIC.TMainState.Board_Ready, true).then(() => {
 const tool = TCIC.SDK.instance.getComponent('board-tool-component').getVueInstance();
 tool.textSize.sizes = [280, 320, 360, 400]; // 这里分布对应工具默认四个字体大小值: 14 16 18 20
 TCIC.SDK.instance.getBoard().setTextSize(第二个字体16的size, 上面第二项的值, 用于默认);
 });
});
新增或减少字体的大小值
粘贴以下代码到 快速开始 里准备好的test.js中，即可完成修改。具体说明请见注释。
TCIC.SDK.instance.promiseState(TCIC.TMainState.Joined_Class, true).then(() => {
 TCIC.SDK.instance.promiseState(TCIC.TMainState.Board_Ready, true).then(() => {
 const tool = TCIC.SDK.instance.getComponent('board-tool-component').getVueInstance();
 tool.textSize.values = [14, 16, 18, 20, 22, 24]; // 所有需要对用户展示的字体大小值
 tool.textSize.sizes = [280, 320, 360, 400, 600, 750]; // 上述所有值的映射实际大小值. 该数组每一项均和 values 数组每一项对应
 TCIC.SDK.instance.getBoard().setTextSize(上面第二项的size值, 用于默认);
 });
});
此外，再自定义 css 指定如下样式：
﻿
.board-drop-list.popper-text i {
    font-size: 16px !important;
}
﻿
自定义白板文本工具的字体大小

本页目录：

功能描述

场景

操作方法

仅修改默认渲染字体大小值

新增或减少字体的大小值
