PHPackages                             carbon/inline-editable - 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/inline-editable

ActiveNeos-carbon[Utility & Helpers](/categories/utility)

carbon/inline-editable
======================

Enhances Neos.Neos:Editable with better placeholder handling and optional inline character counting in the Neos backend

1.0.0(today)00GPL-3.0-or-laterTypeScript

Since Jul 1Pushed todayCompare

[ Source](https://github.com/CarbonPackages/Carbon.InlineEditable)[ Packagist](https://packagist.org/packages/carbon/inline-editable)[ RSS](/packages/carbon-inline-editable/feed)WikiDiscussions main Synced today

READMEChangelog (3)Dependencies (2)Versions (2)Used By (0)

Carbon.InlineEditable
=====================

[](#carboninlineeditable)

Enhances `Neos.Neos:Editable` with better placeholder handling and optional inline character counting in the Neos backend.

    Carbon.InlineEditable.mp4    Features
--------

[](#features)

- Dynamic placeholder override based on the configured fallback text
- Optional live character counter in focused editable fields
- Emojis get count as one character 👍🏼
- Visual counter states (`ok`, `warning`, `error`)

Installation
------------

[](#installation)

Install the package via Composer:

```
composer require carbon/inline-editable
```

Usage
-----

[](#usage)

### Fallback Placeholder

[](#fallback-placeholder)

Use `fallback` to provide placeholder content when no value exists:

```
title = Neos.Neos:Editable {
	property = 'headline'
	fallback = ${q(node).property('title')}
}

```

### Character Counter

[](#character-counter)

Enable the counter by setting `counter = true`:

```
teaserText = Neos.Neos:Editable {
	property = 'teaserText'
	fallback = 'Enter teaser text'
	counter = true
}

```

When active, the backend script updates counter values live while editing.

You can also configure warning and error thresholds:

- `counterMinWarning`: Sets the minimum character count that should still be considered okay. If the current count is less than or equal to this value, the state becomes `warning`.
- `counterMinError`: Sets the critical minimum character count. If the current count is less than or equal to this value, the state becomes `error`.
- `counterMaxWarning`: Sets the maximum character count before warning. If the current count is greater than this value, the state becomes `warning`.
- `counterMaxError`: Sets the critical maximum character count. If the current count is greater than this value, the state becomes `error`.

Example with thresholds:

```
teaserText = Neos.Neos:Editable {
	property = 'teaserText'
	fallback = 'Enter teaser text'
	counter = true
	counterMinWarning = 40
	counterMinError = 20
	counterMaxWarning = 180
	counterMaxError = 220
}

```

State priority is `error` before `warning`.

Development
-----------

[](#development)

Install frontend dependencies and build backend assets:

```
pnpm install
pnpm build
```

Available scripts from [package.json](package.json):

- `pnpm run js` bundles [Resources/Private/Assets/Backend.ts](Resources/Private/Assets/Backend.ts) to [Resources/Public/Backend.js](Resources/Public/Backend.js)
- `pnpm run css` bundles/minifies [Resources/Private/Assets/Backend.pcss](Resources/Private/Assets/Backend.pcss) to [Resources/Public/Backend.css](Resources/Public/Backend.css)
- `pnpm build` runs both

License
-------

[](#license)

GPL-3.0-or-later

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance100

Actively maintained with recent releases

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity33

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

0d 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 (7 commits)")

---

Tags

inline-editingneoscms

### Embed Badge

![Health badge](/badges/carbon-inline-editable/health.svg)

```
[![Health](https://phpackages.com/badges/carbon-inline-editable/health.svg)](https://phpackages.com/packages/carbon-inline-editable)
```

###  Alternatives

[neos/seo

SEO configuration and tools for Neos

141.0M29](/packages/neos-seo)[sitegeist/kaleidoscope

Responsive-images for Neos

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

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

2542.4k](/packages/kaufmanndigital-gdpr-cookieconsent)[techdivision/ckstyles

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

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

Manage vocabularies and taxonomies as separate node-hierarchy.

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

A plugin for Neos CMS which provides a colorpicker editor

14104.7k6](/packages/shel-neos-colorpicker)

PHPackages © 2026

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