PHP code example of nasirkhan / laravel-jodit
1. Go to this page and download the library: Download nasirkhan/laravel-jodit library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
nasirkhan / laravel-jodit example snippets
// config/jodit.php (after publishing)
return [
// Jodit CDN URLs — change the version or point to a custom build
'cdn_css' => 'https://unpkg.com/[email protected] /es2021/jodit.min.css',
'cdn_js' => 'https://unpkg.com/[email protected] /es2021/jodit.min.js',
// Asset stacks used by the Blade component
'assets' => [
'styles_stack' => 'after-styles',
'scripts_stack' => 'after-scripts',
],
// Connector route settings
'route' => [
'enabled' => true,
'prefix' => 'jodit',
'name' => 'jodit.connector',
'middleware' => ['web', 'auth'],
],
// Storage
'disk' => 'public',
'base_path' => 'jodit',
// Upload constraints
'max_file_size' => 10240, // kilobytes
'allowed_mimes' => 'jpeg,jpg,png,gif,webp,svg,pdf,doc,docx,xls,xlsx,zip,txt',
// Default editor options (passed directly to Jodit)
'defaults' => [
'height' => 400,
'toolbarSticky' => true,
'toolbarButtonSize' => 'large',
'showCharsCounter' => false,
'showWordsCounter' => false,
'showXPathInStatusbar' => false,
'defaultActionOnPaste' => 'insert_clear_html',
],
// Default toolbar buttons
'buttons' => [
'bold', 'italic', 'underline', 'strikethrough', '|',
'left', 'center', 'right', '|',
'ul', 'ol', '|',
'font', 'fontsize', 'paragraph', 'brush', '|',
'link', 'image', 'video', 'file', '|',
'undo', 'redo',
],
];
// config/jodit.php
'route' => [
'enabled' => false,
],
// routes/web.php
use Nasirkhan\LaravelJodit\Http\Controllers\JoditConnectorController;
Route::middleware(['web', 'auth', 'role:admin'])
->prefix('admin')
->group(function () {
Route::any('jodit-connector', [JoditConnectorController::class, 'handle'])
->name('backend.jodit.connector');
});
'route' => [
'enabled' => false,
'name' => 'backend.jodit.connector', // used by component when no connector-url prop
],
'buttons' => [
'bold', 'italic', 'underline', 'strikethrough', 'eraser', '|',
'ul', 'ol', '|',
'paragraph', 'brush', '|',
'link', 'image', '|',
'undo', 'redo',
],
'buttons' => [
'source', '|',
'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'eraser', '|',
'paragraph', 'font', 'fontsize', 'brush', 'classSpan', '|',
'align', '|',
'ul', 'ol', 'indent', 'outdent', '|',
'cut', 'copy', 'paste', 'selectall', '|',
'link', 'image', 'video', 'file', 'table', 'hr', 'symbols', '|',
'undo', 'redo', '|',
'find', 'spellcheck', 'speech', 'preview', 'print', 'fullsize',
],
// config/jodit.php
'file_manager' => [
'backend' => 'builtin',
],
bash
php artisan vendor:publish --tag=jodit-config
blade
<x-jodit::editor name="content" :value="old('content', $post->content ?? '')" />
blade
<x-jodit::editor name="excerpt" :file-browser="false" />
blade
<x-jodit::editor
name="body"
:height="600"
connector-url="{{ route('admin.jodit.connector') }}"
/>
blade
{{-- PHP array (recommended) --}}
<x-jodit::editor name="content" :buttons="['bold', 'italic', 'underline', '|', 'link', 'image']" />
{{-- PHP-style array string (no colon prefix needed) --}}
<x-jodit::editor name="content" buttons="['bold', 'italic', 'underline', '|', 'link', 'image']" />
{{-- JSON string --}}
<x-jodit::editor name="content" buttons='["bold", "italic", "underline", "|", "link", "image"]' />