PHPackages                             mantix/livewire-jodit-text-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. mantix/livewire-jodit-text-editor

ActiveLibrary

mantix/livewire-jodit-text-editor
=================================

A powerful Livewire rich text editor (WYSIWYG) component built top of Jodit Editor.

v1.9(3mo ago)2864.8k—2%7[3 issues](https://github.com/Mantix/livewire-jodit-text-editor/issues)[1 PRs](https://github.com/Mantix/livewire-jodit-text-editor/pulls)1MITPHPPHP ^8.1

Since Apr 16Pushed 3mo ago1 watchersCompare

[ Source](https://github.com/Mantix/livewire-jodit-text-editor)[ Packagist](https://packagist.org/packages/mantix/livewire-jodit-text-editor)[ RSS](/packages/mantix-livewire-jodit-text-editor/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (6)Versions (12)Used By (1)

Livewire Jodit Text Editor (WYSIWYG)
====================================

[](#livewire-jodit-text-editor-wysiwyg)

 [![Build Status](https://github.com/mantix/livewire-jodit-text-editor/actions/workflows/tests.yml/badge.svg)](https://github.com/mantix/livewire-jodit-text-editor/actions) [![Total Downloads](https://camo.githubusercontent.com/fa121586600f1cb17dff41bbe351f3727043ee2fcce4261fb5b522ea1a5de6d9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d616e7469782f6c697665776972652d6a6f6469742d746578742d656469746f72)](https://packagist.org/packages/mantix/livewire-jodit-text-editor) [![Latest Stable Version](https://camo.githubusercontent.com/f7ccaf82f37224f6314aefcda52cad01adf7d4163b12eb5204fe0162d55bb2bb/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d616e7469782f6c697665776972652d6a6f6469742d746578742d656469746f72)](https://packagist.org/packages/mantix/livewire-jodit-text-editor) [![License](https://camo.githubusercontent.com/af711ad945652717a292c3678a306af813882aef3f7deebb876cba16023e51c9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6d616e7469782f6c697665776972652d6a6f6469742d746578742d656469746f72)](https://packagist.org/packages/mantix/livewire-jodit-text-editor)

📋 Table of Contents
-------------------

[](#-table-of-contents)

- [Introduction](#-introduction)
- [Installation](#-installation)
- [Basic Usage](#-basic-usage)
- [Advanced Features](#-advanced-features)
    - [Customizing Toolbar Buttons](#customizing-toolbar-buttons)
    - [Using Multiple Editors](#using-multiple-editors)
    - [Programmatically Updating Content](#programmatically-updating-content)
- [Customization](#-customization)
- [Changelog](#-changelog)
- [Contributing](#-contributing)
- [Support](#-support)

✨ Introduction
--------------

[](#-introduction)

A powerful Livewire rich text editor (WYSIWYG) component built on top of Jodit Editor, providing seamless integration with Laravel Livewire.

> To use this package, you must have [Livewire 3](https://livewire.laravel.com/) or [Livewire 4](https://livewire.laravel.com/) installed.

📦 Installation
--------------

[](#-installation)

Install this package via Composer:

```
composer require mantix/livewire-jodit-text-editor
```

Include the Jodit Editor theme and the library in your layout or specific view:

```

```

Or use NPM to install the Jodit Editor directly in your project:

```
npm install jodit
```

Import it in your app.js like:

```
// Jodit Editor
import 'jodit/esm/plugins/resizer/resizer'; // Resizer plugin is used when inserting images
import 'jodit/esm/plugins/video/video'; // Video plugin is used to insert videos
// Feel free to add extra plugins here...
import { Jodit } from 'jodit';
window.Jodit = Jodit;
```

And in your app.scss:

```
// Jodit Editor
@import 'jodit/es2021/jodit';
```

For additional information, refer to the [Jodit Editor documentation](https://xdsoft.net/jodit/docs/).

🎬 Basic Usage
-------------

[](#-basic-usage)

The simplest way to use the editor:

```

```

🚀 Advanced Features
-------------------

[](#-advanced-features)

### Customizing Toolbar Buttons

[](#customizing-toolbar-buttons)

You can customize the toolbar buttons by passing an array:

```

```

### Using Multiple Editors

[](#using-multiple-editors)

When using multiple editors on the same page, you can assign unique identifiers to target them individually:

```

```

### Programmatically Updating Content

[](#programmatically-updating-content)

You can update editor content programmatically using Livewire's dispatch method:

#### Update all editors on the page:

[](#update-all-editors-on-the-page)

```
// This will update all Jodit editors on the page
$this->dispatch('update-jodit-content', $newContent);
```

#### Update a specific editor:

[](#update-a-specific-editor)

```
// This will only update the editor with the specified identifier
$this->dispatch('update-jodit-content', ['description-editor', $newContent]);
```

🎨 Customization
---------------

[](#-customization)

The text editor component is entirely customizable. Publish the view file to customize it:

```
php artisan vendor:publish --tag=livewire-jodit-text-editor-views
```

After publishing, you can edit the view at `resources/views/vendor/livewire-jodit-text-editor/livewire/jodit-text-editor.blade.php`.

🔄 Changelog
-----------

[](#-changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

🤝 Contributing
--------------

[](#-contributing)

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

❤️ Support
----------

[](#️-support)

Is this plugin helpful to you? Let me know by connecting [on LinkedIn](https://linkedin.com/in/pieternaber) or [on X](https://x.com/pieternaber).

###  Health Score

51

—

FairBetter than 96% of packages

Maintenance76

Regular maintenance activity

Popularity43

Moderate usage in the ecosystem

Community15

Small or concentrated contributor base

Maturity56

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 96.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 ~64 days

Total

11

Last Release

116d ago

Major Versions

V0.1-beta → v1.02024-04-16

### Community

Maintainers

![](https://www.gravatar.com/avatar/a0220f88ffeeccee7e027b2e4ead4f10938594fe48d2e15d802b1f7b12be64b4?d=identicon)[Mantix](/maintainers/Mantix)

---

Top Contributors

[![Mantix](https://avatars.githubusercontent.com/u/5512138?v=4)](https://github.com/Mantix "Mantix (29 commits)")[![thsteinmetz](https://avatars.githubusercontent.com/u/4640652?v=4)](https://github.com/thsteinmetz "thsteinmetz (1 commits)")

---

Tags

joditjodit-livewirelaravellaravel10laravel11laravel12livewirelivewire3livewire4wysiwygwysiwyg-editorwysiwyg-html-editorlivewireeditorwysiwyg

###  Code Quality

TestsPest

Static AnalysisPHPStan

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/mantix-livewire-jodit-text-editor/health.svg)

```
[![Health](https://phpackages.com/badges/mantix-livewire-jodit-text-editor/health.svg)](https://phpackages.com/packages/mantix-livewire-jodit-text-editor)
```

###  Alternatives

[spatie/livewire-filepond

Upload files using Filepond in Livewire components

306452.7k3](/packages/spatie-livewire-filepond)[awcodes/filament-tiptap-editor

A Tiptap integration for Filament Admin/Forms.

399865.2k21](/packages/awcodes-filament-tiptap-editor)[mati365/ckeditor5-livewire

CKEditor 5 integration for Laravel Livewire

413.9k](/packages/mati365-ckeditor5-livewire)[dasundev/livewire-quill-text-editor

A powerful livewire rich text editor component built top of Quill.

3833.9k](/packages/dasundev-livewire-quill-text-editor)

PHPackages © 2026

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