Angular环境下自定义IMG.LY编辑器按钮（导出/关闭）的技术求助

1. 修改导出按钮文本为“Upload” #

官方移动端文档提到的自定义限制不适用于Web端，Web端可通过编辑器初始化配置直接修改导出按钮的label。在Angular组件中初始化PESDK时，在ui.buttons配置项中覆盖导出按钮的文本：

import { PhotoEditorSDK } from 'photoeditorsdk';

// 在组件的初始化方法中（如ngOnInit）
async ngOnInit(): void {
  const editor = await PhotoEditorSDK.create(document.getElementById('editor'), {
    // 其他基础配置（如source、license等）
    ui: {
      buttons: {
        export: {
          label: 'Upload' // 替换默认导出文本
        }
      }
    }
  });
}

2. 设置关闭按钮始终启用 #

关闭按钮默认的禁用逻辑可通过配置强制覆盖，将其disabled属性设为false，或者返回false的回调函数确保始终启用：

// 继续在ui.buttons配置中添加关闭按钮的设置
ui: {
  buttons: {
    export: {
      label: 'Upload'
    },
    close: {
      disabled: false // 强制关闭按钮始终启用
      // 若默认有动态禁用逻辑，也可通过回调固定返回false：
      // disabled: () => false
    }
  }
}

关键注意事项 #

• 你之前参考的图标文档中出现的React Native代码不适用于Angular Web环境，Web端PESDK的自定义完全基于JS/TS配置对象，无需组件式修改。
• 不要直接修改node_modules中的源码，官方提供的配置API完全支持这类自定义需求，修改依赖包会导致后续版本升级时丢失自定义内容，且类型报错也源于此操作。
• 若仍遇到类型提示问题，可通过类型断言绕过临时验证：

  ui: {
    buttons: {
      close: {
        disabled: false as any
      }
    }
  }
  

内容的提问来源于stack exchange，提问作者Seth Black