PHPackages carbon/rangeeditor - 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. carbon/rangeeditor ActiveNeos-carbon[Utility & Helpers](/categories/utility) carbon/rangeeditor ================== Enhanced Range Inspector Editor for Neos CMS 0.2.3(10mo ago)03.4k3GPL-3.0JavaScriptCI passing Since Nov 6Pushed 10mo ago1 watchersCompare [ Source](https://github.com/CarbonPackages/Carbon.RangeEditor)[ Packagist](https://packagist.org/packages/carbon/rangeeditor)[ Fund](https://www.paypal.me/Jonnitto/20eur)[ GitHub Sponsors](https://github.com/jonnitto)[ RSS](/packages/carbon-rangeeditor/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (1)Versions (24)Used By (3) [![Latest stable version](https://camo.githubusercontent.com/58204d961480d3381cc51ad00d93fe47c7f3e81e9327f1f91a30441f897d7bff/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f72616e6765656469746f722f762f737461626c65)](https://packagist.org/packages/carbon/rangeeditor) [![Total downloads](https://camo.githubusercontent.com/b1a7bc6dbdd1b2f2c973952a82191cf43e554bb5ca65ac88b12b04b3485ff90b/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f72616e6765656469746f722f646f776e6c6f616473)](https://packagist.org/packages/carbon/rangeeditor) [![License](https://camo.githubusercontent.com/269305b529461acda56691eaa17ed550079557655e07b623201cae5dcd61752f/68747470733a2f2f706f7365722e707567782e6f72672f636172626f6e2f72616e6765656469746f722f6c6963656e7365)](https://packagist.org/packages/carbon/rangeeditor) [![GitHub forks](https://camo.githubusercontent.com/728d56a99c4c2767b64c61c5fcbc4685d7f3d93b41dc2465f85e364b928d4277/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f436172626f6e5061636b616765732f436172626f6e2e52616e6765456469746f722e7376673f7374796c653d736f6369616c266c6162656c3d466f726b)](https://github.com/CarbonPackages/Carbon.RangeEditor/fork) [![GitHub stars](https://camo.githubusercontent.com/831e6b44a69bd1301193955e8eea8182d52dee396ed6929be5d2fc1291663e5f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f436172626f6e5061636b616765732f436172626f6e2e52616e6765456469746f722e7376673f7374796c653d736f6369616c266c6162656c3d5374617273)](https://github.com/CarbonPackages/Carbon.RangeEditor/stargazers) [![GitHub watchers](https://camo.githubusercontent.com/e4d3d72ccf38ebcc4a98b44e0ff6d420954ddb496af33da3c6e6820740820a90/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f77617463686572732f436172626f6e5061636b616765732f436172626f6e2e52616e6765456469746f722e7376673f7374796c653d736f6369616c266c6162656c3d5761746368)](https://github.com/CarbonPackages/Carbon.RangeEditor/subscription) Enhanced range editor for Neos CMS ================================== [](#enhanced-range-editor-for-neos-cms) This editor has some more features as the one who is already in the core: - Minimal and maximal are clickable - It's possible to hide the input via `showInput: false` - The text input has a nicer UX, specially if a unit is set - You can set a own text for every value - The input field is debounced, so it is finally possible to set the value with the keypad - Handle arrows keys (up/down) (with modifier keys for bigger steps) to increase or decrease the value via keyboard - Ratio mode - Shows reset button of `resetValue` is set - Support for data sources by setting a `dataSourceIdentifier`, or optionally a `dataSourceUri`. Example: ``` "Foo.Bar:Element": properties: zoomLevel: type: integer ui: inspector: editor: "Carbon.RangeEditor/Editor" editorOptions: showMinLabel: true showMaxLabel: true minLabel: null maxLabel: null showInput: true # If set to true, the min value will save null and not the integer minValueIsNull: true # If set to true, the max value will save null and not the integer maxValueIsNull: true # If set, it will show a reset button resetValue: 4 # Sets a custom icon for the reset button, defaults to 'times' resetIcon: "undo" # Set custom label to reset button, defaults to 'Carbon.RangeEditor:Main:reset'. The value and unit is also passed to the translation function # If the reset value has a label, the label is passed resetLabel: "Reset back to {value}{unit}" min: 1 max: 6 step: 1 unit: "" valueLabels: 1: Globe 2: Coninent 3: Country 4: Area 5: City 6: Street # Options for dynamic values dataSourceDisableCaching: false dataSourceIdentifier: null dataSourceUri: null dataSourceAdditionalData: foo: bar ``` Of course you can localize a value. e.g. `Vendor.Package:Folder.Filename:1`If you have set a value label for the min or max value, you don't need to set `minLabel` of `maxLabel`. If you work with `xlf` files, you can also ad a setting called `valueLabelsFile`: ``` "Foo.Bar:Element": properties: zoomLevel: type: integer ui: inspector: editor: "Carbon.RangeEditor/Editor" editorOptions: minLabel: null maxLabel: null min: 1 max: 6 step: 1 unit: "" valueLabelsFile: "Foo.Bar:ZoomLevel" valueLabels: 2: "Override label from Foo.Bar:ZoomLevel:2" ``` In that case, the plugin search for the translation value in the file `ZoomLevel.xlf` in the package `Foo.Bar`. Example: For the value `5` the translation string will be `Foo.Bar:ZoomLevel:5`. Ratio mode ---------- [](#ratio-mode) If the unit i set to `%`, the `min` value `0` or bigger, the `max` value `100` or smaller and `ratio` is set to `true`, it will show the ratio of the two values. For example, if the value is set to `30`, the left value will show `30%` and the right value will show `70%`. ``` "Foo.Bar:Element": properties: ratio: type: integer ui: inspector: editor: "Carbon.RangeEditor/Editor" editorOptions: ratio: true min: 25 max: 75 step: 5 ``` ### Health Score 34 — LowBetter than 77% of packages Maintenance53 Moderate activity, may be stable Popularity22 Limited adoption so far Community12 Small or concentrated contributor base Maturity42 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 Every ~27 days Recently: every ~21 days Total 23 Last Release 326d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/5fec51ac160a110a31a72a54ac29e276a447d8306205a052d35491ac9cf0589b?d=identicon)[jonnitto](/maintainers/jonnitto) --- Top Contributors [![jonnitto](https://avatars.githubusercontent.com/u/4510166?v=4)](https://github.com/jonnitto "jonnitto (50 commits)") --- Tags editorneoscmsplugincarboneditorflowNeosrangeFUSION ### Embed Badge ![Health badge](/badges/carbon-rangeeditor/health.svg) ``` [![Health](https://phpackages.com/badges/carbon-rangeeditor/health.svg)](https://phpackages.com/packages/carbon-rangeeditor) ``` ### Alternatives [carbon/includeassets Include your assets (css, js) in an easy way into Neos 14228.6k10](/packages/carbon-includeassets)[shel/neos-colorpicker A plugin for Neos CMS which provides a colorpicker editor 1494.4k6](/packages/shel-neos-colorpicker)[shel/neos-hyphens A plugin for Neos CMS which provides hyphens for the inline editor 20200.7k1](/packages/shel-neos-hyphens) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)