PHPackages                             razaqofficial/laravel-inline-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. razaqofficial/laravel-inline-editor

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

razaqofficial/laravel-inline-editor
===================================

Laravel package, which allows inline editing of model specific content blocks.

v0.1.1(7y ago)02MITPHPPHP >=5.6

Since May 17Pushed 5y agoCompare

[ Source](https://github.com/razaqofficial/laravel-inline-editor)[ Packagist](https://packagist.org/packages/razaqofficial/laravel-inline-editor)[ RSS](/packages/razaqofficial-laravel-inline-editor/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (3)Versions (3)Used By (0)

Inline Editor for Laravel based projects
========================================

[](#inline-editor-for-laravel-based-projects)

[![Latest Stable Version](https://camo.githubusercontent.com/c6433bf10e6cb9bfaeb85e51500fd7a01d0913df2b618122e97a4c7210487cee/68747470733a2f2f706f7365722e707567782e6f72672f7377617474793030372f6c61726176656c2d696e6c696e652d656469746f722f762f737461626c65)](https://packagist.org/packages/swatty007/laravel-inline-editor)[![Latest Unstable Version](https://camo.githubusercontent.com/d4cfb2d3028ac0843488e1501be5b502ead8a57cb621fb236cd156e648e0fb6f/68747470733a2f2f706f7365722e707567782e6f72672f7377617474793030372f6c61726176656c2d696e6c696e652d656469746f722f762f756e737461626c65)](https://packagist.org/packages/swatty007/laravel-inline-editor)[![Total Downloads](https://camo.githubusercontent.com/d8546860bc853814f29a15322269fde437f3da4db533854da3e4247a01b2c818/68747470733a2f2f706f7365722e707567782e6f72672f7377617474793030372f6c61726176656c2d696e6c696e652d656469746f722f646f776e6c6f616473)](https://packagist.org/packages/swatty007/laravel-inline-editor)[![License](https://camo.githubusercontent.com/2c847769ce5827535789541499f4f426f0b0cfd2db5854d5f7bfddf5da09e86a/68747470733a2f2f706f7365722e707567782e6f72672f7377617474793030372f6c61726176656c2d696e6c696e652d656469746f722f6c6963656e7365)](https://packagist.org/packages/swatty007/laravel-inline-editor)

Simple inline editor toolbar, to update the content of any HTML block, or specific DB table.

This package is an updated version of [dyusha/laravel-html-editor](https://github.com/dyusha/laravel-html-editor)with some additional functionality and updated dependencies.

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

[](#installation)

Download this git repo, or install it via composer:

`composer require razaqofficial/laravel-inline-editor`

Also make sure to get our npm dependencies:

`npm install vue vue-resource medium-editor vue-sweetalert2 --save`

Configuration
-------------

[](#configuration)

> Note, Optional in `Laravel 5.5 or +`

Add the following to your config file:

```
// config/app.php
'providers' => [
    ...
    razaqofficial\LaravelInlineEditor\InlineEditorServiceProvider::class,
],
```

### Initial Setup

[](#initial-setup)

Run: `php artisan vendor:publish`

- Include the following code snippet into your applications layout file, ***eg: "view/layouts/app.blade.php"***. This will render the required controls on your page.

```
{{-- Start Laravel Inline Editor Components --}}
    @include('laravel-inline-editor::html-manager')
{{-- End Laravel Inline Editor Components --}}`
```

- Afterwards apply our default table with:

`php artisan migrate`

- By default editing is allowed only for users who have `laravel-inline-editor` ability, so you should add it in your `AuthServiceProvider`

    ```
    // app/Providers/AuthServiceProvider.php
    use Illuminate\Contracts\Auth\Access\Gate as GateContract;

    public function boot(GateContract $gate)
    {
       //...
        $gate->define('laravel-inline-editor', function ($user) {
            // Add your logic here
            return true;
        });
    }
    ```
- Include provided .scss and .js files on the page using your preferred build tools. For laravel mix:

```
// resources/assets/js/app.js
Vue.component('inlineManager', require('./components/laravel-inline-editor/manager'));
Vue.component('inlineContentBlock', require('./components/laravel-inline-editor/contentBlock.vue'));
```

```
// resources/assets/sass/app.scss
// Inline Editor
@import "./plugins/_medium-editor.scss";
```

### Customization

[](#customization)

You can publish the configuration files of the package, to tweak its behaviour or appearance:

`php artisan vendor:publish`

To change the default behaviour of the medium editor simply override the options setting in the config file:

```
// config/laravel-inline-editor.php
'options' => '{ \'anchor\': { \'targetCheckbox\': true }, \'toolbar\': { \'buttons\': [\'bold\', \'italic\', \'underline\'] } }',
```

By default js and sass assets will be published to `/resources/assets/js/components` and `/resources/assets/sass/plugins` directories respectively. To change this, just update the following paths in your config file:

```
// config/laravel-inline-editor.php
'paths' => [
    'js' => base_path('/resources/assets/js/components'),
    'sass' => base_path('/resources/assets/sass/plugins'),
],
```

Usage
-----

[](#usage)

This package provides custom Blade directives `@inlineEditor` and `@endInlineEditor` which can be used to wrap blocks of HTML that should be editable. For example if somewhere in your template you will have the following code:

**Simple**
Saves the containing HTML content in the `laravel-inline-editor` table under the key `item01`.

```
{{-- Simple Content Block --}}
@inlineEditor( 'item01' )
    Lorem text for our text block
@endInlineEditor
```

**Custom Table**
To save the containing HTML in a custom table, just specify, the table name, source & target keys. If no source, or target keys are defined the defaults `key` and `content` will be used.

```
{{-- Custom Database Content Block --}}
{{-- $source_value, $table, $source_key, $target_key, $options --}}
@inlineEditor('example_item', 'example_objects', 'title', 'content' )
    {{ \Illuminate\Support\Facades\DB::table('example_objects')->where('title', 'example_item')->first() }}
@endInlineEditor
```

**Custom Options**

You can override the default options for the medium editor by overriding the default options:

```
{{-- Shows the usage of the options property --}}
@inlineEditor( 'item01', null, null, null, "{ 'anchor': { 'targetCheckbox': true }, 'toolbar': { 'buttons': ['bold', 'italic', 'underline'] } }" )
    Lorem text for our text block
@endInlineEditor
```

For details check the medium js documentation:

> Note Look at the configuration settings to override the default options

**Properties**

1. **Source Value** - DB row, where we are looking for our source key.
2. **Table** - will override at which table we are looking for the above defined value.
3. **Source Key** - allow overwriting the DB row at which we are looking for our source value.
4. **Target Key** - allow overwriting the DB row at which will be updated.
5. **Editor Options** - allows you to specify additional options for the medium editor.
6. **Validation Rules** - Allows you to define a set of custom validation rules.
7. **Strip HTML** - Strips all HTML elements from the given input string, before saving it into the DB.

The first time it's being rendered directive will try to find the content of your element by its defined key in the default database, if not specified otherwise. If it is present then its content will be rendered on the page.

Otherwise new HTML block will be created with the given parameters. You can put any HTML markup between `@inlineEditor` and `@endInlineEditor` directives.

### Workflow

[](#workflow)

When you press `Accept changes` button `` component will send `POST` request to `/inline-content-block` with `blocks` param that will contain all changed HTML blocks.

#### License

[](#license)

This library is licensed under the MIT license. Please see [LICENSE](LICENSE.md) for more details.

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity2

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 72.7% 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 ~20 days

Total

2

Last Release

2895d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/15c11d7514245f162b9a46cf8de073d57a5b4155427bdb965d7a87637f48b096?d=identicon)[razaqofficial](/maintainers/razaqofficial)

---

Top Contributors

[![swatty007](https://avatars.githubusercontent.com/u/38767638?v=4)](https://github.com/swatty007 "swatty007 (8 commits)")[![razaqofficial](https://avatars.githubusercontent.com/u/16647311?v=4)](https://github.com/razaqofficial "razaqofficial (3 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/razaqofficial-laravel-inline-editor/health.svg)

```
[![Health](https://phpackages.com/badges/razaqofficial-laravel-inline-editor/health.svg)](https://phpackages.com/packages/razaqofficial-laravel-inline-editor)
```

###  Alternatives

[barryvdh/laravel-ide-helper

Laravel IDE Helper, generates correct PHPDocs for all Facade classes, to improve auto-completion.

14.9k123.0M687](/packages/barryvdh-laravel-ide-helper)[orchestra/canvas

Code Generators for Laravel Applications and Packages

21017.2M157](/packages/orchestra-canvas)[kirschbaum-development/commentions

A package to allow you to create comments, tag users and more

12369.2k](/packages/kirschbaum-development-commentions)[aedart/athenaeum

Athenaeum is a mono repository; a collection of various PHP packages

255.2k](/packages/aedart-athenaeum)[glhd/special

1929.4k](/packages/glhd-special)[bjuppa/laravel-blog

Add blog functionality to your Laravel project

483.3k2](/packages/bjuppa-laravel-blog)

PHPackages © 2026

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