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. [Utility & Helpers](/categories/utility)
4. /
5. cssoft/codereflector

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

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 today

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 31% of packages

Maintenance39

Infrequent updates — may be unmaintained

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

527d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/10652798?v=4)[prashat](/maintainers/prashat)[@Prashat](https://github.com/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)
```

###  Alternatives

[webignition/internet-media-type

PHP model of an http://en.wikipedia.org/wiki/Internet\_media\_type

11152.8k13](/packages/webignition-internet-media-type)[johannschopplich/kirby-serp-preview

Kirby Panel plugin for search engine result page previews

303.9k2](/packages/johannschopplich-kirby-serp-preview)

PHPackages © 2026

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