How to integrate third party codeEditor(monaco-editor) plugin with SAP UI5.

Hi All,

I am using SAP WebIDE for SAP UI5 project.

In which I want to integrate monaco-editor as a plugin into the UI5 App.

In my UI5 project I am using codeEditer UI Control to display code.

From backend we are fetching 2 codes(new code and old code) and displaying it inside codeEditor UI control.

My exact requirement is to highlight the difference between old and new code, which is not possible by codeEditor UI control.

To meet our requirement we found monaco-editor that can differentiate 2 codes, we want monaco-editor(3rd party) to integrate with UI5 App to find difference between 2 codes.

Please find below snippet for exact requirement.

Please find following reference :

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

Thanks & Regards,

Pranaw Kaushal