PHPackages                             siter/ezpublish-frontendeditingbundle - 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. siter/ezpublish-frontendeditingbundle

ActiveLibrary

siter/ezpublish-frontendeditingbundle
=====================================

Siter Frontend Editing Bundle for eZ Publish Platform

285JavaScript

Since Feb 27Pushed 11y ago5 watchersCompare

[ Source](https://github.com/peec/ezpublish-frontendeditingbundle)[ Packagist](https://packagist.org/packages/siter/ezpublish-frontendeditingbundle)[ RSS](/packages/siter-ezpublish-frontendeditingbundle/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Frontend Editing Bundle for eZ Publish Platform
===============================================

[](#frontend-editing-bundle-for-ez-publish-platform)

Full featured frontend editing bundle for eZ Publish Platform (new stack). The new eZ Publish Platform does not come with a native frontend editing tool, this bundle implements frontend editing relying heavily on Angular JS, Twitter Bootstrap and Font-awesome for the icons.

Your pagelayout needs to use boostrap and font-awesome in order for the frontend editing to look good. Meaning the design needs to be based on those.

NOTE: UNDER DEVELOPMENT - BUT somewhat usable.
----------------------------------------------

[](#note-under-development---but-somewhat-usable)

Idea / Feature list
-------------------

[](#idea--feature-list)

- Angular JS frontend editing for ezpublish. Meaning single-page edit app on top of your website frontend.
- Drag and drop things on zones based on data attributes in the HTML. Zones are defined with data- attributes.
- Click on the thing you want to edit, edit and publish.
- Possible to add your own FIELD TYPES (extensible) using angular methods.
- Possible to override standard editing of field types.

TODO LIST
---------

[](#todo-list)

- Add all common datatypes that is standard in ezpublish platform.
- Object relation field type support
- Richtext field type editor (when its time).
- Allow to click on stuff on the page to edit the object that the specific thing refers to.
- Cleanups etc.

INSTALLATION
------------

[](#installation)

#### 1. Add to your composer.json

[](#1-add-to-your-composerjson)

Add this to composer.json:

```
"require": {
     "siter/ezpublish-frontendeditingbundle": "@dev"
}
```

and run:

```
composer update siter/ezpublish-frontendeditingbundle
```

#### 2. Setup less filter.

[](#2-setup-less-filter)

This bundle includes less files for the CSS of the frontend editing, you you need to setup less.

First edit config.yml, setup assetic less filter, install nodejs and less compiler.

```
assetic:
    debug:          "%kernel.debug%"
    use_controller: false
    bundles:        [ SiterFrontendEditingBundle ]
    #java: /usr/bin/java
    filters:
        # .....
        less:
            node: /usr/local/bin/node
            node_paths: [/usr/local/lib/node_modules]
            apply_to: "\.less$"
```

#### 3. Configure AppKernel and import routes.

[](#3-configure-appkernel-and-import-routes)

Edit the `ezpublish/EzPublishKernel.php` and add:

```
$bundles[] = new Siter\FrontendEditingBundle\SiterFrontendEditingBundle();
```

Edit the `ezpublish/config/routing.yml` and add:

```
siter_frontend_editing:
    resource: "@SiterFrontendEditingBundle/Resources/config/routing.yml"
    prefix:   /frontendediting
```

#### 4. Dump assets.

[](#4-dump-assets)

Dump asset for prod and dev. change --env.

```
php ezpublish/console assetic:dump --env="prod"
```

IMPLEMENT
---------

[](#implement)

#### 1. Include the nessecary templates in your pagelayout

[](#1-include-the-nessecary-templates-in-your-pagelayout)

- Bootstrap is required for your pagelayout.
- Font-awesome is required.

This is the very important step and it needs to be done correctly in order for the frontend editing layout to work.

Right after the `` tag add:

```
{% include 'SiterFrontendEditingBundle:editsuite:pagewrapper_start.html.twig' %}
```

Right after your first main page container e.g. `` add:

```
{% include 'SiterFrontendEditingBundle:editsuite:toolbar.html.twig' %}
```

Right before `` add:

```
{% include 'SiterFrontendEditingBundle:editsuite:pagewrapper_end.html.twig' %}
```

#### 2. Add data attributes to container zones.

[](#2-add-data-attributes-to-container-zones)

Say you list children from a parent node ( e.g. a menu or a listview or blockview of items ). If you want the editor to be able to forexample place an article and news\_article in a zone add, lets see how you can do that:

Add the following to the container of the children:

```

Here is your normal logic to list articles and news articles.

```

Contribute
----------

[](#contribute)

I am happy to take pull requests, feature ideas and such.

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community12

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/88b748fa2f0dcacab307a6305e98032de7adb93f955bbaf3c6fe029a7369ac84?d=identicon)[peec](/maintainers/peec)

---

Top Contributors

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

### Embed Badge

![Health badge](/badges/siter-ezpublish-frontendeditingbundle/health.svg)

```
[![Health](https://phpackages.com/badges/siter-ezpublish-frontendeditingbundle/health.svg)](https://phpackages.com/packages/siter-ezpublish-frontendeditingbundle)
```

PHPackages © 2026

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