PHPackages                             cssoft/codereflector - 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. cssoft/codereflector

ActiveMagento2-module

cssoft/codereflector
====================

Versatile text editor implemented in JavaScript for the browser.

1.1.16(1y ago)051MITJavaScript

Since Jan 22Pushed 1y ago1 watchersCompare

[ Source](https://github.com/Cssoft-core/codereflector)[ Packagist](https://packagist.org/packages/cssoft/codereflector)[ RSS](/packages/cssoft-codereflector/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (2)Used By (1)

CodeMirror
==========

[](#codemirror)

CodeMirror - is a Magento 2 module that integrates [CodeMirror - in-browser code editor](https://codemirror.net/) into Magento 2.

Current version of module has implementations for Magento Admin only:

- form element for UI components;
- frontend models for Magento System Config.

### Installation

[](#installation)

```
composer require cssoft/module-codemirror
bin/magento setup:upgrade
```

### Usage

[](#usage)

#### UI Component

[](#ui-component)

Example:

```

    ...

        ...

                    string
                    Template Content
                    textarea
                    CSSoft_CodeReflector/js/form/element/editor

                        htmlmixed

                        true

                    string
                    Template Styles
                    textarea
                    CSSoft_CodeReflector/js/form/element/editor

                        css

```

Use option `editorConfig` to pass additional paramenets to editor. `mode` can be either string or an object. Check [CodeMirror Modes](https://codemirror.net/mode/) itself to find out more.

#### System Config

[](#system-config)

Example:

```

            ...

                General
                ...

                    CSS
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Css

                    LESS
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Less

                    SCSS
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Scss

                    JS
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Javascript

                    YAML
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Yaml

                    YAML Frontmatter
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Yamlfrontmatter

                    Label Text
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Htmlmixed

                    Label Inline Styles
                    CSSoft\CodeReflector\Block\Adminhtml\System\Config\Form\Field\Inlinecss

```

There are 9 frontend models for system config:

- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Css**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Less**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Scss**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Javascript**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Htmlmixed**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Inlinecss**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Json**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Yaml**
- CSSoft\\CodeReflector\\Block\\Adminhtml\\System\\Config\\Form\\Field\\**Yamlfrontmatter**

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance42

Moderate activity, may be stable

Popularity4

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity38

Early-stage or recently created project

 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

481d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/800689ac80f92516544096d69f8a5876763b698097af8c145807f09244c33204?d=identicon)[prashat](/maintainers/prashat)

---

Top Contributors

[![Cssoft-core](https://avatars.githubusercontent.com/u/181851483?v=4)](https://github.com/Cssoft-core "Cssoft-core (1 commits)")

### Embed Badge

![Health badge](/badges/cssoft-codereflector/health.svg)

```
[![Health](https://phpackages.com/badges/cssoft-codereflector/health.svg)](https://phpackages.com/packages/cssoft-codereflector)
```

PHPackages © 2026

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