SpreadJS在线表格编辑器自定义功能 -- 单元格格式对话框添加字体选项

上一期，我们设置了开始菜单上的字体。我们发现在右键菜单的单元格格式中仍然有设置字体的下拉菜单，之前的设置在这里不生效。所以这部分需要单独设置。
本期我们会讲解单元格格式中的字体相关设置：
这里设置跟上一期有些不同，首先的对话框是一个template，需要通过getTemplate方法来获取

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

复制代码

之后的步骤有些麻烦，按照如下图所示的层级关系知道对应的组件位置：

之后给组件中push字体

1. formatDialogTemplate.content[0].children[2].children[0].children[0].children[0].children[1].items.push({text: "微软雅黑", value: "微软雅黑"})

复制代码

最后通过registerTemplate将我们修改过后的template覆盖进去

1. GC.Spread.Sheets.Designer.registerTemplate(GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate, formatDialogTemplate)

复制代码

刷新浏览器，我们就可以看到结果了