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

时间:2020-08-09 19:09:04

标签: monaco-editor azure-devops-extensions

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

我们有在笔记本电脑和独立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
                });   
    });

enter image description here

1 个答案:

答案 0 :(得分:0)

DevOps中没有引用VSS/Features/Monaco。由于monaco提供api,因此您可以在js中调用monaco api:

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

enter image description here