Skip to Content
Technical Articles
Author's profile photo Subrahmanyam Pampana

Web based UI5 code editor for MII

Hello MII Developers,

In this blog post, I want to demonstrate the web-based UI5 editor for SAP MII. I noticed most of the MII developers use external editors to write the code and copy-pasting it into the workbench. So I taught of avoiding this process by developing the web-based UI5 code editor.

By using this editor we can directly edit MII web files in the browser and on save it saves the files straight into MII Workbench. Below are the few features of this web IDE.

  • It gives the auto code suggestions and errors if any while typing the code. We can also perform all the other actions like creating a file, creating a folder, copying and pasting the files, etc. 
  • We can create a complete UI5 app from the template with a few clicks.
  • One more add-on feature is creating and maintaining versions for a file. at any point, we can commit the code and it stores the code to MDO. This helps to prevent losing previous code.
  • We can Split the tab into two and work on multiple files simultaneously side by side. This feature is useful when we work with multiple files at a time or with large files.
  • We can also view the API reference directly from the editor without going to another tab. This helps focus on the code and logic.

Below is a short video demonstrating all the features of this code editor. also, get this Open source Project in GitHub 

This the extension to the editor developed by Christian Libich

Conclusion

I hope you have got how to set up and use the MII code editor to improve the UI5 application development in SAP MII.

Please, let me know your comments. If you have any questions, I encourage you to post in the comment section and I will try to answer them as soon as possible. Please follow me for more useful content.

Assigned Tags

      4 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Stephen Stubbs
      Stephen Stubbs

      Hi Subrahmanyam,

      This is a great tool to add to my MII toolbox!  However...

      I tried to import your GitHub project MIICodeEditor.zip into two different MII systems (MII 15.5.0.1, MII 15.3.1.35). Both attempts failed with the error 'Manifest file project name MIICodeEditor does not match imported file structure.'  Any suggestions on how to get around this issue?

      Thanks in Advance!

      Steve

      Author's profile photo Subrahmanyam Pampana
      Subrahmanyam Pampana
      Blog Post Author

      Hi Steve,

      I have updated the repository. Please download it again from the Github and import to MII projects. Please let me know if still facing the issue.

      Thanks,

      Subrahmanyam Pampana

      Author's profile photo Stephen Stubbs
      Stephen Stubbs

      Hi Subrahmanyam,

      Project Imported correctly. Thanks!

      Regards, Steve

      Author's profile photo Petr Moses
      Petr Moses

      Hi Subrahmanyam,

      is there any possibility to use MII Workbench or your editor together with Git?

       

      Thanks

      Petr