说明
前端使用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