PHPackages                             tplcom/live-editor - 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. tplcom/live-editor

ActiveLibrary[Utility & Helpers](/categories/utility)

tplcom/live-editor
==================

CSS live editor with php and jQuery

141PHP

Since Apr 11Pushed 8y ago1 watchersCompare

[ Source](https://github.com/theodorosploumis/live-editor)[ Packagist](https://packagist.org/packages/tplcom/live-editor)[ RSS](/packages/tplcom-live-editor/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependenciesVersions (1)Used By (0)

PHP Live Editor with jQuery
===========================

[](#php-live-editor-with-jquery)

This is a proof of concept of an inline css editor that saves the style changes to local disk.

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

[](#installation)

Download and run index.php with php.

Eg using php local dev server:

```
php -S localhost:7777 -t .
```

Click an element and apply CSS styles like using a WYSIWYG editor.

Options
-------

[](#options)

1. Save changes to live-styles.css files.
2. Download current CSS styles.

ToDo
----

[](#todo)

1. Save text edits from contenteditable elements on a local server file or in localstorage.
2. When selecting an element apply it's css styles to Editor form.
3. Make CSS styles from local file as inline styles to HTML.
4. Undo/Redo options.
5. Make this work with js created elements.
6. Create a php function to generate the Editor.
7. Rewrite the helper class Cssparser.php taken from .

License
-------

[](#license)

[MIT](LICENSE) Theodoros Ploumis.

###  Health Score

20

—

LowBetter than 14% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity41

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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/05ecd6e652a6d9f40df9778f2c00114435a807dc674b4563a5345c6522357da7?d=identicon)[tplcom](/maintainers/tplcom)

---

Top Contributors

[![theodorosploumis](https://avatars.githubusercontent.com/u/1315321?v=4)](https://github.com/theodorosploumis "theodorosploumis (4 commits)")

---

Tags

contenteditablehtml5live-editorphpwysiwyg

### Embed Badge

![Health badge](/badges/tplcom-live-editor/health.svg)

```
[![Health](https://phpackages.com/badges/tplcom-live-editor/health.svg)](https://phpackages.com/packages/tplcom-live-editor)
```

PHPackages © 2026

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