Monaco editor - diffEditor

Webix JS
1

Anyone know how to instantiate the Monaco diff editor as shown on the GitHub page ?

https://microsoft.github.io/monaco-editor/index.html

2

@Splay
did you try this?
https://docs.webix.com/desktop__text_editors.html#monaco

3

Thanks, but that’s the standard editor, I am looking to get the diff-editor running.

4

I think you can achieve this by cloning original monaco-editor code and making some changes.
check this
https://snippet.webix.com/51bdhn2j
pay attention to setValue/getValue methods.
you need to pass IDiffEditorModel as value

5

That’s amazing @intregal thank you.

6

@intregal

I tried… but doesn’t seem to like it

config(){

    return {
        rows:[                
            {
                id: "editor",
                view:"monaco-diffeditor",
                theme:"vs-dark"
            },
            {}
          ] 
    }
}

init(){

    var monaco = $$("editor");
    
    monaco.setValue( { original: "just some Text\


Hello World

Some more changes", modified: “just some text

Hello World

Some more text” } );

}

7

@Splay
you need to wait for editor creation
https://snippet.webix.com/40j5he9k

8

@intregal genius, thank you.