组件版设计器自定制 - 单元格格式dialog新增中文字体

背景：

在前面的文章中，我们学习了如何在组件版设计器中添加中文字体。
https://gcdn.grapecity.com.cn/fo ... 5499&extra=page%3D2

如果你细心观察了，会发现官网组件版设计器已实现了类似的方案：


但是有同学发现，在单元格格式-字体列表处，还未显示中文字体，这块该如何自定制实现呢？让我们一起学习下：


步骤：
首先我们先找到单元格格式所在的template

1. var stringFormatDialogTemplate = GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate;
   
2. var formatDialogTemplate = GC.Spread.Sheets.Designer.getTemplate(stringFormatDialogTemplate);

复制代码

然后找到字体列表所在的数组位置，添加中文字体

1. formatDialogTemplate.content[0].children[2].children[0].children[0].children[0].children[1].items.unshift(
   
2.     {
   
3.         text: "微软雅黑",
   
4.         value: "微软雅黑"
   
5.     }
   
6. )

复制代码

将修改后的formatDialogTemplate重新注册回去。

1. GC.Spread.Sheets.Designer.registerTemplate(stringFormatDialogTemplate, formatDialogTemplate);

复制代码

最后初始化designer，看看效果。


完整代码请参考附件demo。

图片挂了

陈皮 发表于 2023-8-2 14:24
图片挂了

感谢提醒，这边调整一下

Joestar.Xu 发表于 2023-8-2 14:27
感谢提醒，这边调整一下