The power of Monaco Editor in OpenMage!

[empiricompany]

Hello, OpenMage community! 🚀

I'm excited to present to you a game-changing new extension openmage-mm_monacoeditor that integrates the powerful Monaco Editor, utilized in Microsoft's VSCode, into OpenMage.

This extension replace textareas in CMS content and Design Update XML editing with Monaco - a feature-rich platform that gives your coding a real boost, while ensuring seamless indentation among a myriad of other exciting features.

Some of these splendid features include smart IntelliSense, syntax highlighting, code formatting/folding, and multiple cursors/selections.

Plus, the cherry on the cake - it comes packed with Emmet, for speedy HTML and CSS coding, and Tailwindcss Intellisense, providing intelligent auto-completion, suggestions, and tooltips for Tailwind CSS classes!

Additionally, you can disable the TinyMCE WYSIWYG editor for specific static blocks and pages. This option has been added because TinyMCE removes code that does not conform to the HTML5 schema, such as Alpine.js.

Check it out! Hope you find it useful!

[fballiano]

😱

[fballiano]

added to awesome-openmage

[ma4nn]

very cool idea 😍

[elidrissidev]

Very nice, I always thought code inputs should be implemented with something more convenient than just plain textareas. Can you switch the editor theme to the lighter version so it matches the rest of the admin area?

[empiricompany]

theme is based on your system preferences PRs are welcome