PHPackages                             rainlab/editable-plugin - 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. rainlab/editable-plugin

ActiveOctober-plugin[Utility & Helpers](/categories/utility)

rainlab/editable-plugin
=======================

Editable plugin for October CMS

174.8k15PHP

Since Nov 15Pushed 6y ago9 watchersCompare

[ Source](https://github.com/rainlab/editable-plugin)[ Packagist](https://packagist.org/packages/rainlab/editable-plugin)[ RSS](/packages/rainlab-editable-plugin/feed)WikiDiscussions master Synced 2mo ago

READMEChangelogDependenciesVersions (2)Used By (0)

In-context editor plugin
========================

[](#in-context-editor-plugin)

This plugin allows in-context editing (click to edit) features to the [OctoberCMS](http://octobercms.com) front-end.

Only allocated content blocks found in the theme can be edited. Content blocks are edited with a WYSIWYG editor for `htm` extension and a source editor for `txt` and `md` file types. It is not suitable for editing partials and pages that have a more delicate structure.

Implementation is simply replacing the `{% content %}` tags with the component.

Proof of concept
----------------

[](#proof-of-concept)

Note while this plugin works fine, it is created as a proof of concept. Check out these other plugins that offer the same functionality (probably better):

- [Content Editor](https://octobercms.com/plugin/samuell-contenteditor)

Using the editable component
----------------------------

[](#using-the-editable-component)

First you must ensure that the Editable component is attached to the page or layout. Then create a content block using the CMS.

For a content block with the file **welcome.htm**, that would be located in the **/content** directory of a theme, it can be displayed on the front end like this:

```
title = "A page"
url = "/a-page"

[editable]
==

{% component 'editable' file="welcome.htm" %}

```

You can also pass the file property when the component is defined, which is an alternative usage suitable for a single content block.

```
title = "A page"
url = "/a-page"

[editable aboutus]
file = "welcome.htm"
==

{% component 'aboutus' %}

```

Replacing existing content blocks with editable content blocks.
---------------------------------------------------------------

[](#replacing-existing-content-blocks-with-editable-content-blocks)

An example content block:

```
{% content "welcome.htm" %}

```

This block can be made editable by using the following instead:

```
{% component 'editable' file="welcome.htm" %}

```

Permissions
-----------

[](#permissions)

Only administrator with the permission *Manage content* are able to edit content. Administrators must also be logged in to the back-end.

Front-end JavaScript and StyleSheet
-----------------------------------

[](#front-end-javascript-and-stylesheet)

The components in this plugin provide custom stylesheet and javascript files to function correctly on the front-end. Ensure that you have `{% scripts %}` and `{% styles %}` in your page or layout.

The styles also depend on the October JavaScript Framework, so ensure the `{% framework %}` tag is also included in your page or layout.

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity30

Limited adoption so far

Community22

Small or concentrated contributor base

Maturity43

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 78.3% 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://avatars.githubusercontent.com/u/106532?v=4)[october](/maintainers/october)[@october](https://github.com/october)

---

Top Contributors

[![daftspunk](https://avatars.githubusercontent.com/u/1392869?v=4)](https://github.com/daftspunk "daftspunk (36 commits)")[![acasar](https://avatars.githubusercontent.com/u/6329543?v=4)](https://github.com/acasar "acasar (2 commits)")[![vojtasvoboda](https://avatars.githubusercontent.com/u/374917?v=4)](https://github.com/vojtasvoboda "vojtasvoboda (2 commits)")[![BlazOrazem](https://avatars.githubusercontent.com/u/5699173?v=4)](https://github.com/BlazOrazem "BlazOrazem (1 commits)")[![gergo85](https://avatars.githubusercontent.com/u/2959112?v=4)](https://github.com/gergo85 "gergo85 (1 commits)")[![LukeTowers](https://avatars.githubusercontent.com/u/7253840?v=4)](https://github.com/LukeTowers "LukeTowers (1 commits)")[![mahony0](https://avatars.githubusercontent.com/u/2674488?v=4)](https://github.com/mahony0 "mahony0 (1 commits)")[![nnmer](https://avatars.githubusercontent.com/u/1620737?v=4)](https://github.com/nnmer "nnmer (1 commits)")[![CGGStudio](https://avatars.githubusercontent.com/u/9482156?v=4)](https://github.com/CGGStudio "CGGStudio (1 commits)")

### Embed Badge

![Health badge](/badges/rainlab-editable-plugin/health.svg)

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

PHPackages © 2026

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