Download the PHP package nasirkhan/laravel-jodit without Composer
On this page you can find all versions of the php package nasirkhan/laravel-jodit. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package laravel-jodit
Laravel Jodit
A Laravel package that integrates the Jodit WYSIWYG editor via a reusable Blade component. Works seamlessly in plain Blade templates, Blade view components, and Livewire components, with a built-in server-side file browser/uploader connector.
This package is used in Laravel Starter though it is framework-agnostic and can be dropped into any Laravel app.
Packagist: nasirkhan/laravel-jodit
Preview
Jodit Editor in Laravel Starter (Tailwind theme)
Jodit Editor File Upload Options
Jodit Editor File Browser
Features
- One Blade component —
<x-jodit::editor name="content" />covers all use cases - Livewire-ready — pass
wire-modeland the editor syncs with your Livewire component - File browser + uploads — bundled connector controller; configurable storage disk and path
- CDN assets — loads Jodit CSS/JS from unpkg; no build step required
- Fully configurable — publish the config to override defaults, CDN URLs, middleware, etc.
- Flexible toolbar buttons — supports named profiles, custom button arrays, separators, and dropdown-friendly controls like
align
Requirements
- PHP ^8.2
- Laravel ^11.0 || ^12.0 || ^13.0
intervention/image-laravel ^1.5— only required for image resize and crop features
Installation
The service provider is auto-discovered. Optionally publish the config:
Usage
1. Ensure your layout has asset stacks
Your main layout must include the stacks that the component pushes assets into.
The default stack names are after-styles (CSS) and after-scripts (JS).
Add these to your layout if they are not already present:
You can change the stack names in config/jodit.php.
2. Drop the component into any form
Plain Blade
With required + placeholder
Livewire — two-way sync
Inside a Livewire component the wrapper is automatically set to wire:ignore so Livewire's DOM diffing does not destroy the editor. Changes are flushed back to the Livewire component via the JavaScript API with a 300 ms debounce.
Disable file browser
Custom height and connector URL
Component Props
| Prop | Type | Default | Description |
|---|---|---|---|
name |
string | — | <textarea name> / form field name (required) |
id |
string | jodit_{name} |
Custom HTML id for the textarea |
value |
string | '' |
Initial HTML content |
placeholder |
string | null |
Textarea placeholder |
class |
string | '' |
Extra CSS classes on the textarea |
height |
int | config default (400) | Editor height in pixels |
file-browser |
bool | true |
Enable Jodit file browser / uploader |
connector-url |
string | auto from config | Override the connector endpoint URL |
wire-model |
string | null |
Livewire model property to keep in sync |
required |
bool | false |
Add required attribute to the textarea |
buttons |
array|string | config default | Custom toolbar button list (see Buttons Reference) |
debounce |
int | 300 |
Livewire sync debounce in milliseconds |
Passing buttons
You can pass the buttons prop as a PHP array (:buttons=), a JSON string, or a PHP-style array string:
Common toolbar examples
Use align when you want a single alignment dropdown instead of separate left, center, right, and justify buttons:
Use the package's richer preset when you want the full toolbar profile:
Configuration
Registering the connector under a custom route
If you want the connector to live under your admin prefix with your own middleware, disable the package route and register it yourself:
Then tell the component which route to use:
Or set a global default in config/jodit.php:
Buttons Reference
Use any of the names below in your buttons array. Use | as a visual separator between groups.
Text Formatting
| Name | Description |
|---|---|
bold |
Bold |
italic |
Italic |
underline |
Underline |
strikethrough |
Strikethrough |
superscript |
Superscript |
subscript |
Subscript |
eraser |
Clear formatting |
Alignment
| Name | Description |
|---|---|
align |
Alignment dropdown (left, center, right, justify) |
left |
Align left |
center |
Align centre |
right |
Align right |
justify |
Justify |
Lists & Indentation
| Name | Description |
|---|---|
ul |
Unordered list |
ol |
Ordered list |
indent |
Increase indent |
outdent |
Decrease indent |
Block / Typography
| Name | Description |
|---|---|
paragraph |
Paragraph / Headings (H1–H6) |
font |
Font family |
fontsize |
Font size |
brush |
Text colour & background colour |
classSpan |
Apply CSS class to selection |
Insert
| Name | Description |
|---|---|
link |
Insert / edit hyperlink |
image |
Insert image |
video |
Insert video (embed) |
file |
Insert file link |
table |
Insert table |
hr |
Horizontal rule |
symbols |
Special characters |
Clipboard & History
| Name | Description |
|---|---|
undo |
Undo |
redo |
Redo |
cut |
Cut |
copy |
Copy |
paste |
Paste |
selectall |
Select all |
View / Utility
| Name | Description |
|---|---|
source |
Toggle HTML source view |
fullsize |
Toggle fullscreen |
preview |
Live preview |
print |
|
find |
Find & replace |
spellcheck |
Spell check |
speech |
Speech recognition |
Separators
| Name | Description |
|---|---|
\| |
Vertical separator bar |
\n |
Line break (start a new toolbar row) |
Example — compact toolbar:
Example — full editing toolbar:
File Manager Backends
The file_manager.backend config key controls which file manager is wired up when file-browser="true" (the default).
builtin (default)
Uses the package's own connector controller. No extra packages required.
custom
Point the editor at any server-side connector that speaks Jodit's filebrowser protocol. Pass the URL via the component's connector-url prop, or set route.name in the config:
License
MIT
All versions of laravel-jodit with dependencies
illuminate/support Version ^11.0|^12.0|^13.0
illuminate/view Version ^11.0|^12.0|^13.0
illuminate/routing Version ^11.0|^12.0|^13.0
illuminate/filesystem Version ^11.0|^12.0|^13.0
illuminate/http Version ^11.0|^12.0|^13.0