Skip to Content
Jun 16, 2021 at 11:34 AM

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

150 Views Last edit Jun 17, 2021 at 05:36 AM 2 rev

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 :

Thanks & Regards,

Pranaw Kaushal