PHPackages                             neosrulez/neos-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. neosrulez/neos-monacoeditor

ActiveNeos-plugin[Utility & Helpers](/categories/utility)

neosrulez/neos-monacoeditor
===========================

A Neos CMS plugin which provides the Monaco editor for the inspector.

1.0.0(4y ago)15.1kJavaScript

Since Jul 2Pushed 3y ago1 watchersCompare

[ Source](https://github.com/patriceckhart/NeosRulez.Neos.MonacoEditor)[ Packagist](https://packagist.org/packages/neosrulez/neos-monacoeditor)[ RSS](/packages/neosrulez-neos-monacoeditor/feed)WikiDiscussions master Synced 2d ago

READMEChangelogDependencies (2)Versions (2)Used By (0)

Monaco editor for Neos CMS
==========================

[](#monaco-editor-for-neos-cms)

This Neos CMS plugin provides the Monaco editor as property editor for the inspector. The Monaco Editor is the code editor that powers Visual Studio Code.

You can simply replace `Neos.Neos/Inspector/Editors/CodeEditor` with `NeosRulez.Neos.MonacoEditor/MonacoEditor`. In the best case, your code will be accepted without errors.

[![MonacoEditor](https://raw.githubusercontent.com/patriceckhart/NeosRulez.Neos.MonacoEditor/master/Preview.png)](https://raw.githubusercontent.com/patriceckhart/NeosRulez.Neos.MonacoEditor/master/Preview.png)

Installation
------------

[](#installation)

The NeosRulez.Neos.MonacoEditor package is listed on packagist () - therefore you don't have to include the package in your "repositories" entry any more.

Just run:

```
composer require neosrulez/neos-monacoeditor

```

How to use
----------

[](#how-to-use)

Look here for more highlighting modes and themes to customize the editor:

```
'Acme.Site.Content:Code':
  properties:
    source:
      type: string
      ui:
        label: My custom javascript
        reloadIfChanged: true
        inspector:
          editor: NeosRulez.Neos.MonacoEditor/MonacoEditor
          editorOptions:
            theme: 'vs-dark'
            buttonLabel: 'Edit JavaScript'
            highlightingMode: 'javascript'
#            highlightingMode: 'scss'
#            highlightingMode: 'html'
```

Author
------

[](#author)

- E-Mail:
- URL:

###  Health Score

27

—

LowBetter than 46% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity22

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity48

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

Unknown

Total

1

Last Release

1500d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8604597e730303a1739fbb6a24bcf77019b22068e5d838ae4c12756e8121b488?d=identicon)[patriceckhart](/maintainers/patriceckhart)

---

Top Contributors

[![patriceckhart](https://avatars.githubusercontent.com/u/10776002?v=4)](https://github.com/patriceckhart "patriceckhart (5 commits)")

### Embed Badge

![Health badge](/badges/neosrulez-neos-monacoeditor/health.svg)

```
[![Health](https://phpackages.com/badges/neosrulez-neos-monacoeditor/health.svg)](https://phpackages.com/packages/neosrulez-neos-monacoeditor)
```

###  Alternatives

[neos/neos-base-distribution

Neos Base Distribution

4466.7k](/packages/neos-neos-base-distribution)[techdivision/ckstyles

Neos package which enables you adding your custom style classes for the CkEditor with a simple Yaml configuration

21183.4k](/packages/techdivision-ckstyles)[sitegeist/kaleidoscope

Responsive-images for Neos

29377.0k14](/packages/sitegeist-kaleidoscope)[psmb/flatnav

Custom navigation module for Neos CMS

2545.3k](/packages/psmb-flatnav)[neos/seo

SEO configuration and tools for Neos

131.0M35](/packages/neos-seo)[sitegeist/taxonomy

Manage vocabularies and taxonomies as separate node-hierarchy.

1596.9k1](/packages/sitegeist-taxonomy)

PHPackages © 2026

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