说明

前端使用iconfont symbol模式 管理图标。
示例:使用阿里巴巴矢量图 https://www.iconfont.cn管理自己的图标库

下载矢量图标资源

使用矢量图标资源iconfont.js(可重命名)

解压下载的zip压缩包,仅需要引入iconfont.js(可重命名 示例:CustomIconfont.js)到自己项目即可,其他文件可不关心

Step1: 引入第三方 自定义的图标资源文件

  • 注意引入路径、资源名都由第三方自定义的
    import "./iconfont.js";

Step2: 修改图标资源图标映射关系

  • 使用iconMap特殊指明图标映射关系。更多映射关系详见内置图标资源映射关系
  • 右键菜单的 action 是iconMap的映射关键字
  • 工具栏group中的 key 是iconMap的映射关键字
var thinkEditorKit = new ThinkEditorKit({
 ...略
 iconMap: {
    userDefine1: "icon-button",
  }
})  
文档更新时间: 2026-04-27 11:44   作者:admin