neosrulez/neos-monacoeditor

There is no license information available for the latest version (1.0.0) of this package.

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

Maintainers

Details

github.com/patriceckhart/NeosRulez.Neos.MonacoEditor

Source

Issues

Installs: 2 937

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 2

Forks: 0

Open Issues: 0

Language:JavaScript

Type:neos-plugin

1.0.0 2022-07-02 17:18 UTC

Requires

Unknown License 333de4c2630ed65810d96595bcb3f7b07fd3dd43

This package is not auto-updated.

Last update: 2024-12-16 03:44:09 UTC

README

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

Installation

The NeosRulez.Neos.MonacoEditor package is listed on packagist (https://packagist.org/packages/neosrulez/neos-monacoeditor) - 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

Look here for more highlighting modes and themes to customize the editor: https://microsoft.github.io/monaco-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