PHPackages                             xslain/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. [Utility & Helpers](/categories/utility)
4. /
5. xslain/livewire-jodit-text-editor

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

xslain/livewire-jodit-text-editor
=================================

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

2.0.0(6mo ago)091MITPHPPHP ^8.1

Since Sep 9Pushed 6mo ago1 watchersCompare

[ Source](https://github.com/ogoungaemmanuel/livewire-jodit-text-editor-main)[ Packagist](https://packagist.org/packages/xslain/livewire-jodit-text-editor)[ RSS](/packages/xslain-livewire-jodit-text-editor/feed)WikiDiscussions main Synced 3w ago

READMEChangelog (2)Dependencies (6)Versions (3)Used By (0)

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

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

 [![Build Status](https://github.com/xslain/livewire-jodit-text-editor/actions/workflows/tests.yml/badge.svg)](https://github.com/xslain/livewire-jodit-text-editor/actions) [![Total Downloads](https://camo.githubusercontent.com/7265d1307f6175e68d75785de2e00a4ee31b510146039f2c5aaa10dbf01be82e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f78736c61696e2f6c697665776972652d6a6f6469742d746578742d656469746f72)](https://packagist.org/packages/xslain/livewire-jodit-text-editor) [![Latest Stable Version](https://camo.githubusercontent.com/135d1d52fd2064d5ea1308073094184757068c140d04341d648568256edb04f3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f78736c61696e2f6c697665776972652d6a6f6469742d746578742d656469746f72)](https://packagist.org/packages/xslain/livewire-jodit-text-editor) [![License](https://camo.githubusercontent.com/1ba78149a14c8e9a4aca9a673ad9aa4167d9f9eea3e552e8339013d0b8222225/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f78736c61696e2f6c697665776972652d6a6f6469742d746578742d656469746f72)](https://packagist.org/packages/xslain/livewire-jodit-text-editor)

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

[](#-introduction)

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

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

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

[](#-installation)

Seconds install this package via Composer:

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

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

```

```

Or you can 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 like:

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

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

🎬 Showcase
----------

[](#-showcase)

Now you can use the text editor component as you like.

```

```

Or add the "buttons" attribute to define buttons dynamically.

```

```

🎨 Tailor UI
-----------

[](#-tailor-ui)

The text editor component is entirely customizable. Just publish the view file and make it your own.

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

🔄 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 Me
-------------

[](#️-support-me)

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

###  Health Score

35

—

LowBetter than 77% of packages

Maintenance66

Regular maintenance activity

Popularity10

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity49

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.

###  Release Activity

Cadence

Every ~457 days

Total

2

Last Release

198d ago

Major Versions

1.0.3 → 2.0.02025-12-10

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/146024660?v=4)[xslain](/maintainers/xslain)[@Xslain](https://github.com/Xslain)

---

Top Contributors

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

---

Tags

livewireeditorwysiwyg

###  Code Quality

TestsPest

Static AnalysisPHPStan

Code StyleLaravel Pint

### Embed Badge

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

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

###  Alternatives

[asosick/filament-layout-manager

Allow users to create & customize their own FilamentPHP pages composed of Livewire components

5821.3k3](/packages/asosick-filament-layout-manager)[mati365/ckeditor5-livewire

CKEditor 5 integration for Laravel Livewire

446.8k](/packages/mati365-ckeditor5-livewire)[codebar-ag/laravel-filament-json-field

A Laravel Filament JSON Field integration with CodeMirror support

1126.0k](/packages/codebar-ag-laravel-filament-json-field)[tomshaw/electricgrid

A feature-rich Livewire package designed for projects that require dynamic, interactive data tables.

119.2k](/packages/tomshaw-electricgrid)[noerd/noerd

101.3k6](/packages/noerd-noerd)

PHPackages © 2026

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