PHPackages                             empiricompany/openmage-mm\_monacoeditor - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. empiricompany/openmage-mm\_monacoeditor

ActiveMagento-module[Utility & Helpers](/categories/utility)

empiricompany/openmage-mm\_monacoeditor
=======================================

OpenMage / Magento 1.9 module extension that integrate Monaco Editor with Emmet and Tailwindcss Intellisense in CMS Static Blocks / Pages

v1.0.1(1y ago)6292OSL-3.0HTMLPHP ^7.4||^8.0

Since May 10Pushed 10mo ago4 watchersCompare

[ Source](https://github.com/empiricompany/openmage-mm_monacoeditor)[ Packagist](https://packagist.org/packages/empiricompany/openmage-mm_monacoeditor)[ Docs](https://github.com/empiricompany/openmage-mm_monacoeditor)[ RSS](/packages/empiricompany-openmage-mm-monacoeditor/feed)WikiDiscussions main Synced 2d ago

READMEChangelog (2)Dependencies (1)Versions (3)Used By (0)

Requirements
------------

[](#requirements)

- [OpenMage](https://github.com/OpenMage/magento-lts) / Magento 1.9.x
- PHP 7.4 / 8.x

Description
-----------

[](#description)

[Monaco Editor](https://github.com/microsoft/monaco-editor) is a highly advanced and versatile code editor from Microsoft used in the popular code editor [VSCode](https://github.com/microsoft/vscode).

This extension allows you to use [Monaco](https://github.com/microsoft/monaco-editor) for editing CMS content and Design Update XML instead of textareas while maintaining indentation, as well as benefiting from all the useful features.

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.

> This is a side project of [CMSContentFileMode](https://github.com/magemega/openmage-mm_cmscontentfilemode) that integrates the Tailwind CSS compiler for CMS Content in OpenMage. Check it out!

Monaco Features
---------------

[](#monaco-features)

- Smart IntelliSense
- Syntax Highlighting
- Code Formatting / Folding
- Multiple Cursors and Selections
- and much more

Additional Features
-------------------

[](#additional-features)

- Emmet a fast and efficient toolkit for HTML and CSS coding, providing shorthand abbreviations for quick code expansion.
- Tailwindcss Intellisense providing intelligent auto-completion, suggestions, and tooltips for Tailwind CSS classes

Configuration
-------------

[](#configuration)

Monaco Editor is enabled by default in all supported content.

**System -> Content Management -> Monaco Editor Options**

- Enable/disabled Monaco Editor \[enabled\]
- Enable/disabled Tailwindcss Intellisense \[enabled\]
- Configure Tailwindcss Prefix \[disabled\]
    - Set Custom Tailwindcss Prefix \['tw-'\]
- Disable WYSYWYG Editor for specific Static Blocks and Pages

Known issues:
-------------

[](#known-issues)

- The TinyMCE content is not synchronized back on Monaco.
- There is a problem with prototypejs that inserts the Array.prototype.include method and conflicts with Monaco. It should have been resolved, although it may not be the best solution, but it works!

DEMO
----

[](#demo)

[![demo-monacoeditor](https://private-user-images.githubusercontent.com/5071467/284000544-05398366-fe69-498c-99f3-6140571bc395.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODIzMTM4OTMsIm5iZiI6MTc4MjMxMzU5MywicGF0aCI6Ii81MDcxNDY3LzI4NDAwMDU0NC0wNTM5ODM2Ni1mZTY5LTQ5OGMtOTlmMy02MTQwNTcxYmMzOTUuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MjRUMTUwNjMzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjZjM2QxNjMyMWJkNDFjZTYzNTZjZjEzNThkZWNmYzI1OGNkNDA0MzM1ZTFjY2MzYjU3ODUxNmRhOTY0MjQ1MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGZ2lmIn0.tOV54WHwnUhe8c1R99APaE2wTolhvfekWNlYK2wsJTw)](https://private-user-images.githubusercontent.com/5071467/284000544-05398366-fe69-498c-99f3-6140571bc395.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODIzMTM4OTMsIm5iZiI6MTc4MjMxMzU5MywicGF0aCI6Ii81MDcxNDY3LzI4NDAwMDU0NC0wNTM5ODM2Ni1mZTY5LTQ5OGMtOTlmMy02MTQwNTcxYmMzOTUuZ2lmP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MjRUMTUwNjMzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjZjM2QxNjMyMWJkNDFjZTYzNTZjZjEzNThkZWNmYzI1OGNkNDA0MzM1ZTFjY2MzYjU3ODUxNmRhOTY0MjQ1MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGZ2lmIn0.tOV54WHwnUhe8c1R99APaE2wTolhvfekWNlYK2wsJTw)[![configs](https://private-user-images.githubusercontent.com/5071467/284243933-f9ddde27-3fe9-4f10-889c-13e96c7fb5aa.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODIzMTM4OTMsIm5iZiI6MTc4MjMxMzU5MywicGF0aCI6Ii81MDcxNDY3LzI4NDI0MzkzMy1mOWRkZGUyNy0zZmU5LTRmMTAtODg5Yy0xM2U5NmM3ZmI1YWEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MjRUMTUwNjMzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZGZlYmJkNGNkNTdiMTU1M2MxZWVhOWZjODUzNTNkNDUzZmIzYmYyZDE0ZjRhNmQ1ZDM0NzQ4ZjZmZmRjN2FhMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.SkyNnH-gibMSf4T2wVYg6uK8qWikGL86t5e6ms-Uxnw)](https://private-user-images.githubusercontent.com/5071467/284243933-f9ddde27-3fe9-4f10-889c-13e96c7fb5aa.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODIzMTM4OTMsIm5iZiI6MTc4MjMxMzU5MywicGF0aCI6Ii81MDcxNDY3LzI4NDI0MzkzMy1mOWRkZGUyNy0zZmU5LTRmMTAtODg5Yy0xM2U5NmM3ZmI1YWEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MjRUMTUwNjMzWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZGZlYmJkNGNkNTdiMTU1M2MxZWVhOWZjODUzNTNkNDUzZmIzYmYyZDE0ZjRhNmQ1ZDM0NzQ4ZjZmZmRjN2FhMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.SkyNnH-gibMSf4T2wVYg6uK8qWikGL86t5e6ms-Uxnw)

### Support

[](#support)

---

If you have any issues with this extension, please open an issue on GitHub.

### Contribution

[](#contribution)

---

Any contributions are highly appreciated. The best way to contribute code is to open a [pull request on GitHub](https://help.github.com/articles/using-pull-requests).

### Licence

[](#licence)

---

[OSL - Open Software Licence 3.0](http://opensource.org/licenses/osl-3.0.php)

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance50

Moderate activity, may be stable

Popularity14

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity47

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~354 days

Total

2

Last Release

432d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/5071467?v=4)[Tony](/maintainers/empiricompany)[@empiricompany](https://github.com/empiricompany)

---

Top Contributors

[![empiricompany](https://avatars.githubusercontent.com/u/5071467?v=4)](https://github.com/empiricompany "empiricompany (26 commits)")

---

Tags

emmetmagento1monaco-editoropenmagetailwindcssmagentoopenmagemagento1

### Embed Badge

![Health badge](/badges/empiricompany-openmage-mm-monacoeditor/health.svg)

```
[![Health](https://phpackages.com/badges/empiricompany-openmage-mm-monacoeditor/health.svg)](https://phpackages.com/packages/empiricompany-openmage-mm-monacoeditor)
```

###  Alternatives

[magento-hackathon/magento-composer-installer

Composer installer for Magento modules

214795.3k383](/packages/magento-hackathon-magento-composer-installer)[msp/devtools-m1

MageSpecialist DevTools for Magento 1

2640.8k](/packages/msp-devtools-m1)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)