实时互动-教育版 修改白板文本工具的字体大小

课堂白板的文本工具默认四个字体大小值: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;}

赞 (0)
上一篇 4天前
下一篇 4天前