SpreadJS仅修改字体样式

收藏

本帖最后由 Joestar.Xu 于 2024-3-19 17:45 编辑

注：本教程适用于V17之前的版本，在V17及V17以后的版本都有独立的API可以修改单元格的样式/字体。

在部分场景下可能会存在仅修改字体样式的需求，但是由于style的font属性中不止存在字体，还可能存在加粗或者斜体等属性，因此想要通过代码修改一个区域的字体样式就不能使用传统的方法来进行修改。

因此这一块只能通过遍历的方法去完成，参考以下代码：

const handleFontFamily = (val, sheet) => {
let sel = sheet.getSelections()[0];
for (let i = sel.row; i < sel.row + sel.rowCount; i++) {
for (let j = sel.col; j < sel.col + sel.colCount; j++) {
let style = sheet.getStyle(i, j);
if (style && style.font) {
let array = style.font.split(" ")
array[array.length - 1] = val;
style.font = array.toString().replaceAll(',', ' ');
sheet.setStyle(i, j, style, GC.Spread.Sheets.SheetArea.viewport);
} else {
style = new GC.Spread.Sheets.Style();
style.font = "11pt " + val;
sheet.setStyle(i, j, style, GC.Spread.Sheets.SheetArea.viewport);
}
}
}
};

复制代码

上述代码会对没有样式的单元格直接覆盖font，而如果有font属性，就将font属性中的值提取出来，根据特定的规则去替换为用户想要的结果。

如果有其他需求，也可以针对上述代码进行特定位置的修改。

		自动登录	找回密码
密码			立即注册

SpreadJS仅修改字体样式

0 个回复

SpreadJS 认证

SpreadJS 高级认证