【求助】如何使用自定义的Editor替换内置CodeEditor

[MilkWangStudio]

目前Editor的Tool面板是在右上角，我需要修改下，将操作栏放到Tab栏下方，我看CodeEditor的组件里这部分没办法配置，所以我想自己实现一个Editor，但是又想继承对于和FileTree的联动、自动保存等特性，请问有什么思路吗~

参考

[erha19]

@MilkWangStudio 目前底部可以使用 BrowserEditorContribution 贡献点注册自定义组件进行替换，伪代码如下：

import {
  BrowserEditorContribution,
  EditorComponentRegistry,
} from '@opensumi/ide-editor/lib/browser';

@Domain(BrowserEditorContribution)
export class CustomNavigationContribution implements BrowserEditorContribution {
...

registry.registerEditorSideWidget({
      id: CUSTOM_NAVIGATION_WIDGET_ID,
      component: CustomNavigation,
      // 只有 git 协议的文件下才显示
      displaysOnResource: (r) => {
        return r.uri.scheme === 'git';
      },
});
...
}

可以参考这块逻辑提个 PR 适配一下顶部场景，代码部分应该不会很复杂

[MilkWangStudio]

好的，感谢回复，我试一下，后续项目开发完我把改的一些代码抽出来提一些PR~