自定义 菜单图标

Symbol图标映射表 iconMap

参数名 必填 类型 说明 备注
iconMap map<string /action/, string/iconRes/> 工具栏按钮Key与图标的对应关系

step1: 引入应用自己的资源文件

<script src="/src/editorKits/iconfont.js"></script>

step2: new ThinkEditorFileBar时正确配置iconMap

  • ThinkEditorFileBar、ThinkEditorEditBar、ThinkEditorInertBar、ThinkEditorPrintBar、ThinkEditorViewBar 设置图标同理
step1: 引入应用自己的资源文件
<script src="/src/editorKits/iconfont.js"></script>

step2: 指定菜单Item与资源文件的对应关系iconMap
let iconMap = {
  copy: "icon-copy",
  cut: "icon-cut",
  paste: "icon-paste",
  pasteText: "icon-paste-text",
};

let ctxMenu = new ThinkEditorFileBar({
    thinkEditor: thinkEditor,
    iconMap: iconMap,
});

Symbol图标模式

  var thinkEditorEditBar = new ThinkEditorFileBar({
    container: toolBarEditRef.value,
    editorInstance: editorInstance1,
    iconMap: iconMap,
    }
文档更新时间: 2025-10-12 19:11   作者:admin