在 devops 工作项扩展中添加 monaco 编辑器

Question

我们尝试使用 monaco 编辑器 (diff editor) 来比较 2 个不同历史时间点的 devops 工作项版本（使用 REST API asOf 参数）。

我们有一个在笔记本电脑和独立 html 页面上工作的概念证明，但我们想将其作为 devops 扩展嵌入。

我找不到关于如何实现此目的的指导（我是 devops 扩展），尤其是摩纳哥编辑器已经可用。

我找到了对 VSS/Features/Monaco 的引用，尝试使用它但运气不好。

    VSS.init();

    VSS.require(["VSS/Features/Monaco"], function (monaco) {
        var diffEditor = monaco.editor.createDiffEditor(document.getElementById('editor'), {
                    enableSplitViewResizing: false
                });   
    });

Answer 1

DevOps 中没有参考 VSS/Features/Monaco。由于monaco提供api，你可以在js中调用monaco api:

https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#creatediffeditor

在 devops 工作项扩展中添加 monaco 编辑器

Adding monaco editor in devops work items extension

monaco-editor

azure-devops-extensions