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(3y ago)15.0kJavaScript

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 3w 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 47% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity23

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

1455d 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

[techdivision/ckstyles

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

21175.8k](/packages/techdivision-ckstyles)[sitegeist/taxonomy

Manage vocabularies and taxonomies as separate node-hierarchy.

1593.1k1](/packages/sitegeist-taxonomy)[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

14101.5k6](/packages/shel-neos-colorpicker)[neos/neos-base-distribution

Neos Base Distribution

4265.4k](/packages/neos-neos-base-distribution)[sitegeist/kaleidoscope

Responsive-images for Neos

29364.3k11](/packages/sitegeist-kaleidoscope)[kaufmanndigital/gdpr-cookieconsent

A ready-to-run package, that integrates an advanced cookie consent banner into your Neos CMS site.

2541.8k](/packages/kaufmanndigital-gdpr-cookieconsent)

PHPackages © 2026

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