Ellia.Duan 发表于 2024-1-11 15:28:51

在Designer中添加中文字体

本帖最后由 Ellia.Duan 于 2024-1-11 15:28 编辑

可能有很多用户发现了,在官网给出的Designer中,字体列表只有英文字体,这时候如果想设置中文字体,如宋体、楷体怎么办呢?
下面分别对字体列表给出解决方案:


一:开始菜单中的字体列表

如上图所示,想为开始菜单中字体列表添加中文字体,该怎么实现呢?
   var fontFamilyCmd = GC.Spread.Sheets.Designer.getCommand("fontFamily");
      var customCNFont = [
            { value: "微软雅黑", text: "微软雅黑" },
            { value: "黑体", text: "黑体" },
            { value: "新宋体", text: "新宋体" },
            { value: "仿宋", text: "仿宋" },
            { value: "隶书", text: "隶书" },
            { value: "楷体", text: "楷体" },
      ];
      fontFamilyCmd.dropdownList = customCNFont.concat(fontFamilyCmd.dropdownList);
      var ribbonConfig = GC.Spread.Sheets.Designer.DefaultConfig;
      ribbonConfig.commandMap = {
            fontFamily: fontFamilyCmd
      }
      designer.setConfig(ribbonConfig);具体可以参考这篇文章:
https://gcdn.grapecity.com.cn/showtopic-85499-1-1.html



二、富文本编辑其中的字体列表

如上图所示,想为富文本编辑器中添加中文字体,该如何实现呢?
可以参考下面的代码:
      var res = GC.Spread.Sheets.Designer.getResources();
      res.ribbon.fontFamilies['ff24'] = {
            name:'微软雅黑', text: "微软雅黑",
      }
      res.ribbon.fontFamilies['ff25'] = {
            name:'黑体', text: "黑体",
      }
      res.ribbon.fontFamilies['ff26'] = {
            name:'新宋体', text: "新宋体",
      }
      GC.Spread.Sheets.Designer.setResources(res);注意:此代码同样适用于图表侧边栏中字体设置,如下图所示:





三、单元格格式弹窗中的字体列表
最后介绍一下在单元格格式中字体tab页添加中文字体,如下图所示:

这种该如何实现呢?
参考下面的代码:
var stringFormatDialogTemplate = GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate;
      var formatDialogTemplate = GC.Spread.Sheets.Designer.getTemplate(stringFormatDialogTemplate);
      formatDialogTemplate.content.children.children.children.children.children.items.unshift(
            {
                text: "微软雅黑",
                value: "微软雅黑"
            }
      )
      GC.Spread.Sheets.Designer.registerTemplate(stringFormatDialogTemplate, formatDialogTemplate);
具体可以查看此篇文章:https://gcdn.grapecity.com.cn/showtopic-184346-1-5.html

以上给出的代码可以参考附件中的文件。
以及,此篇文章随时补充。


页: [1]
查看完整版本: 在Designer中添加中文字体