README

A full-featured Laravel package providing a rich text editor built on Tiptap v2, Bootstrap 5 (or Tailwind CSS), with media management, server-side rendering, and optional AI content generation. Works with standard Laravel + Blade — no SPA required.

✨ Features

Rich Text — Bold, italic, underline, strikethrough, subscript, superscript, text color, highlight
Headings & Structure — H1–H4, paragraph, horizontal rule, hard break
Lists — Bullet list, ordered list (with start offset)
Bootstrap 5 Layout — Row/column grid with responsive breakpoints (col-md-6, col-lg-4, etc.)
Bootstrap Components — Alert (8 types), Card (header/body/footer), Button (inline atom)
Media — Image upload with thumbnail generation, Video embed (YouTube, Vimeo, MP4), Media library for reusing uploaded files
Gallery — Multi-image gallery with responsive grid and lightbox
Table — Full table editing, cell merge (colspan/rowspan), Bootstrap-styled
Code Block — Syntax highlighting via lowlight
Links — Internal/external links with rel/target configuration
Slash Commands — Notion-style / command palette for quick block insertion
Block Menu — Floating action menu: duplicate, move up/down, delete, transform block
Content Safety — JSON sanitization, URL whitelist, XSS prevention, depth/size limits, file content scanning, SVG sanitization
Upload Security — Gate/role-based permissions, blocked extensions, MIME mismatch detection, double-extension prevention, anti-polyglot scanning
Server-side Rendering — JSON → clean HTML via Blade partials; supports Bootstrap 5 or Tailwind CSS output theme
Dark Mode — Auto (system), light, dark via CSS variables
Keyboard Shortcuts — Built-in Ctrl+/ help modal with all shortcuts listed
Accessibility — WCAG 2.1 AA: ARIA roles, roving tabindex, live region announcements
Responsive Preview — Desktop / Tablet (768px) / Mobile (375px) preview inside editor
AI Content Generation (optional) — OpenAI & Claude: generate, refine, summarize, translate
i18n — English & Vietnamese included; fully translatable

Requirements

Dependency	Version
PHP	8.2+
Laravel	11.x or 12.x

Pre-built JS/CSS assets are included in dist/ — no Node.js required for production use.

Installation

1. Install via Composer

composer require ptnghia/laravel-tiptap-editor

The service provider and facade are auto-discovered.

2. Publish Assets

# JS + CSS assets → public/vendor/tiptap-editor/
php artisan vendor:publish --tag=tiptap-editor-assets

# Config file → config/tiptap-editor.php
php artisan vendor:publish --tag=tiptap-editor-config

# Database migrations (tiptap_media table)
php artisan vendor:publish --tag=tiptap-editor-migrations
php artisan migrate

Optional:

# Blade views (for customizing rendered HTML)
php artisan vendor:publish --tag=tiptap-editor-views

# Language files
php artisan vendor:publish --tag=tiptap-editor-lang

3. Include Assets in Your Layout

<head>
    <!-- Bootstrap 5 CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap Icons -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <!-- Tiptap Editor CSS -->
    <link href="{{ asset('vendor/tiptap-editor/css/tiptap-editor.css') }}" rel="stylesheet">
</head>
<body>
    ...
    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <!-- Tiptap Editor JS -->
    <script src="{{ asset('vendor/tiptap-editor/js/tiptap-editor.umd.js') }}"></script>
</body>

Basic Usage

Blade Component

<form method="POST" action="/posts">
    @csrf

    <x-tiptap-editor
        name="content"
        :value="$post->content_json ?? null"
        placeholder="Start writing..."
    />

    <button type="submit" class="btn btn-primary">Save</button>
</form>

Component Props

Prop	Type	Default	Description
`name`	`string`	`'content'`	Hidden input field name
`value`	`string\|array\|null`	`null`	Initial content (Tiptap JSON array or JSON string)
`config`	`array`	`[]`	Override editor configuration
`placeholder`	`string`	From lang file	Editor placeholder text
`disabled`	`bool`	`false`	Render editor as read-only
`id`	`string\|null`	Auto-generated	HTML `id` for the wrapper element

Read Submitted Content

The editor submits a JSON string via the named hidden input:

public function store(Request $request)
{
    $request->validate(['content' => 'required|string']);

    $post = Post::create([
        'content_json' => $request->input('content'),
    ]);
}

Server-side Rendering

Via Facade

use Suspended\TiptapEditor\Facades\TiptapEditor;

$html = TiptapEditor::render($post->content_json);
// or pass an array directly
$html = TiptapEditor::render($post->content_array);

{!! $html !!}

Via Eloquent Trait

use Suspended\TiptapEditor\Traits\HasTiptapContent;

class Post extends Model
{
    use HasTiptapContent;

    // Expects a 'content_json' column (override with $tiptapColumn)
}

Available methods:

$post->renderContent();          // JSON → safe HTML string
$post->getExcerpt(200);          // Plain-text excerpt, 200 chars
$post->getPlainText();           // All text, no markup
$post->getHeadings();            // [['level' => 1, 'text' => '...']]
$post->hasContent();             // bool
$post->getTiptapContent();       // Raw content as array
$post->setTiptapContent($json);  // Set from array or JSON string

Configuration

Publish and edit config/tiptap-editor.php:

Extensions

Enable or disable individual features:

'extensions' => [
    // Text formatting
    'paragraph', 'heading', 'bold', 'italic', 'underline', 'strike',
    'subscript', 'superscript', 'blockquote', 'codeBlock', 'horizontalRule',
    'hardBreak', 'link', 'textAlign', 'color', 'highlight', 'characterCount',

    // Bootstrap layout & components
    'bootstrapRow', 'bootstrapCol',
    'bootstrapAlert', 'bootstrapCard', 'bootstrapButton',

    // Media
    'customImage', 'customVideo', 'gallery',

    // Table
    'table', 'tableRow', 'tableCell', 'tableHeader',

    // UX features
    'slashCommands',
],

Toolbar Groups

'toolbar' => [
    'groups' => [
        'text'      => ['bold', 'italic', 'underline', 'strike'],
        'heading'   => ['h1', 'h2', 'h3', 'h4'],
        'alignment' => ['alignLeft', 'alignCenter', 'alignRight', 'alignJustify'],
        'list'      => ['bulletList', 'orderedList'],
        'insert'    => ['link', 'image', 'video', 'table', 'horizontalRule'],
        'block'     => ['blockquote', 'codeBlock'],
        'layout'    => ['row'],
        'component' => ['alert', 'card', 'button'],
        'format'    => ['color', 'highlight', 'subscript', 'superscript'],
        'history'   => ['undo', 'redo'],
        'utils'     => ['gallery', 'darkMode', 'shortcuts'],
    ],
],

Override per-instance in Blade:

<x-tiptap-editor
    name="excerpt"
    :config="[
        'toolbar' => [
            'groups' => [
                'text'    => ['bold', 'italic'],
                'heading' => ['h1', 'h2'],
                'insert'  => ['link'],
                'history' => ['undo', 'redo'],
            ],
        ],
    ]"
/>

Theme

'theme' => 'auto',  // 'auto' | 'light' | 'dark'

Output Theme (Tailwind CSS)

By default the server-rendered HTML uses Bootstrap 5 classes. Switch to Tailwind with a single config change:

// config/tiptap-editor.php
'rendering' => [
    'output_theme' => 'tailwind',  // 'bootstrap' (default) | 'tailwind'

    // Auto-inject a pre-built fallback stylesheet if your project
    // does not have Tailwind CSS installed/built:
    'tailwind_fallback_css' => true,

    // Override specific component classes:
    'class_overrides' => [
        'card'      => 'my-card rounded-xl shadow-lg',
        'card.body' => 'p-8',
    ],
],

Note: output_theme only affects rendered output HTML (e.g. TiptapEditor::render()). The editor admin UI is unaffected.

Tailwind purge — Tailwind purges classes at build time. Add the safelist below to tailwind.config.js in your host app so dynamic content classes are not stripped:

safelist: [
    { pattern: /^(sm|md|lg|xl):col-span-(1[0-2]|[1-9])$/ },
    { pattern: /^col-span-(1[0-2]|[1-9])$/ },
    { pattern: /^gap-[0-5]$/ },
    { pattern: /^(bg|text|border)-(blue|red|green|yellow|gray|sky)-(50|100|200|500|600|700|800|900)$/ },
],

Alternatively, enable tailwind_fallback_css (zero-config, no Tailwind install required) — a pre-built stylesheet covering all package classes is published to public/vendor/tiptap-editor/css/tailwind-fallback.css.

Media Settings

'media' => [
    'disk'          => env('TIPTAP_MEDIA_DISK', 'public'),
    'path'          => 'tiptap-media',
    'max_file_size' => 5120,  // KB (5 MB)

    'allowed_types' => [
        'image/jpeg', 'image/png', 'image/gif',
        'image/webp', 'image/svg+xml',
        'video/mp4', 'video/webm',
    ],

    // Requires: composer require intervention/image
    'image_sizes' => [
        'thumbnail' => [150, 150],
        'medium'    => [600, null],   // null = auto height
        'large'     => [1200, null],
    ],

    'webp_conversion' => true,
    'webp_quality'    => 85,
    'strip_exif'      => true,

    'rate_limit' => [
        'max_uploads' => 30,
        'per_minutes' => 1,
    ],
],

Upload Security & Permissions

'media' => [
    // Upload directory organization
    'directory_strategy' => env('TIPTAP_MEDIA_DIR_STRATEGY', 'default'),
    // 'default' — tiptap-media/YYYY/MM/
    // 'user'    — tiptap-media/user-{id}/YYYY/MM/
    // 'custom'  — use directory_resolver callback

    'directory_resolver' => null,
    // Example:  fn($basePath, $datePath, $user) => "{$basePath}/team-{$user->team_id}/{$datePath}"

    // Permission gate (Laravel Gate name, null = no gate check)
    'permissions' => [
        'gate'  => env('TIPTAP_UPLOAD_GATE', null),    // e.g. 'upload-media'
        'roles' => [],                                   // e.g. ['admin', 'editor']
        // Compatible with Spatie/Permission (hasAnyRole) or a simple 'role' attribute
    ],

    // File extensions that will always be rejected
    'blocked_extensions' => [
        'php', 'php3', 'php4', 'php5', 'php7', 'php8', 'phtml', 'phar',
        'exe', 'bat', 'cmd', 'com', 'msi', 'dll',
        'sh', 'bash', 'csh', 'ksh', 'zsh',
        'js', 'jsx', 'ts', 'tsx',
        'py', 'pyc', 'rb', 'pl', 'cgi',
        'asp', 'aspx', 'jsp', 'jspx',
        'htaccess', 'htpasswd',
        'env', 'ini', 'yml', 'yaml', 'toml',
    ],
],

Setting up Gate-based permissions

// In AuthServiceProvider or a Gate definition
Gate::define('upload-media', function ($user) {
    return $user->is_editor || $user->is_admin;
});

TIPTAP_UPLOAD_GATE=upload-media

Role-based permissions (Spatie/Permission)

// config/tiptap-editor.php
'media' => [
    'permissions' => [
        'roles' => ['admin', 'editor', 'contributor'],
    ],
],

Link & Sanitization Settings

Control which HTML attributes are allowed in the rendered output:

'sanitization' => [
    'allowed_attributes' => [
        // Link attributes
        'href', 'target', 'rel', 'title',

        // Image attributes
        'src', 'alt', 'width', 'height', 'loading',

        // Layout & component attributes
        'class', 'data-type', 'data-alert-type', 'data-col-class',

        // Table attributes
        'role', 'colspan', 'rowspan',

        // Style (limited to color/background-color via the sanitizer)
        'style',
    ],
    'max_nesting_depth' => 10,
    'max_content_size'  => 512000,  // bytes (500 KB)
],

URL safety is always enforced:

✅ Allowed: http://, https://, mailto:, tel:, /relative, #anchor
❌ Blocked:  javascript:, data:, vbscript:, file:

External links (target="_blank") automatically receive rel="noopener noreferrer".

Table Rendered Output

By default tables render as <table class="table table-bordered">. After publishing views you can customise resources/views/vendor/tiptap-editor/renders/table.blade.php to add table-striped, table-hover, etc.

Video Providers

'video_providers' => [
    'youtube' => [
        'regex'     => '/(?:youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]+)/',
        'embed_url' => 'https://www.youtube-nocookie.com/embed/{id}',
    ],
    'vimeo' => [
        'regex'     => '/vimeo\.com\/(\d+)/',
        'embed_url' => 'https://player.vimeo.com/video/{id}',
    ],
],

Route Settings

'routes' => [
    'prefix'     => 'tiptap-editor',
    'middleware' => ['web', 'auth'],
],

Package routes:

Method	URL	Name
`POST`	`/tiptap-editor/media/upload`	`tiptap-editor.media.upload`
`GET`	`/tiptap-editor/media/browse`	`tiptap-editor.media.browse`
`DELETE`	`/tiptap-editor/media/{id}`	`tiptap-editor.media.delete`
`POST`	`/tiptap-editor/ai/generate`	`tiptap-editor.ai.generate`
`POST`	`/tiptap-editor/ai/refine`	`tiptap-editor.ai.refine`
`POST`	`/tiptap-editor/ai/summarize`	`tiptap-editor.ai.summarize`
`POST`	`/tiptap-editor/ai/translate`	`tiptap-editor.ai.translate`

AI routes are only registered when ai.enabled = true.

AI Content Generation (Optional)

Setup

# For OpenAI
composer require openai-php/laravel

# For Claude (uses Guzzle HTTP)
composer require guzzlehttp/guzzle

TIPTAP_AI_ENABLED=true
TIPTAP_AI_PROVIDER=openai        # openai | claude

OPENAI_API_KEY=sk-...
TIPTAP_AI_OPENAI_MODEL=gpt-4o-mini

ANTHROPIC_API_KEY=sk-ant-...
TIPTAP_AI_CLAUDE_MODEL=claude-sonnet-4-20250514

Configuration

'ai' => [
    'enabled'          => env('TIPTAP_AI_ENABLED', false),
    'default_provider' => env('TIPTAP_AI_PROVIDER', 'openai'),

    'providers' => [
        'openai' => [
            'api_key'     => env('OPENAI_API_KEY'),
            'model'       => env('TIPTAP_AI_OPENAI_MODEL', 'gpt-4o-mini'),
            'max_tokens'  => 4096,
            'temperature' => 0.7,
        ],
        'claude' => [
            'api_key'    => env('ANTHROPIC_API_KEY'),
            'model'      => env('TIPTAP_AI_CLAUDE_MODEL', 'claude-sonnet-4-20250514'),
            'max_tokens' => 4096,
        ],
    ],

    'rate_limit' => [
        'max_requests' => 20,
        'per_minutes'  => 60,
    ],

    'capabilities' => [
        'generate'  => true,
        'refine'    => true,
        'summarize' => true,
        'translate' => true,
    ],
],

Use in PHP

use Suspended\TiptapEditor\Services\AiContentService;

$ai = app(AiContentService::class);

$response = $ai->generate('Write a blog post about Laravel packages');
echo $response->content;     // HTML string
echo $response->tokensUsed;  // int

$refined   = $ai->refine($existingHtml, 'Make it more concise');
$summary   = $ai->summarize($longContent, maxLength: 300);
$translated = $ai->translate($content, 'vi');

Content Sanitization

use Suspended\TiptapEditor\Facades\TiptapEditor;

// Sanitize before storing
$cleanJson = TiptapEditor::sanitize($request->input('content'));
$post->content_json = $cleanJson;

The sanitizer:

Whitelists node types, attributes, and URL schemes
Removes javascript:, data:, vbscript: URLs
Strips control characters and empty marks
Enforces max nesting depth and total content size

Keyboard Shortcuts

Press Ctrl+/ (⌘/ on Mac) to open the shortcuts help modal.

Shortcut	Action
`Ctrl+B`	Bold
`Ctrl+I`	Italic
`Ctrl+U`	Underline
`Ctrl+Shift+X`	Strikethrough
`Ctrl+Alt+0`	Paragraph
`Ctrl+Alt+1` – `4`	Heading 1–4
`Ctrl+Shift+8`	Bullet list
`Ctrl+Shift+7`	Ordered list
`Ctrl+Shift+B`	Blockquote
`Ctrl+Alt+C`	Code block
`Ctrl+Z`	Undo
`Ctrl+Shift+Z`	Redo
`/`	Slash command menu
`Ctrl+/`	Shortcuts help

Customizing Rendered HTML

After publishing views, edit the Blade partials in resources/views/vendor/tiptap-editor/renders/:

File	Renders
`paragraph.blade.php`	`<p>`
`heading.blade.php`	`<h1>` – `<h4>`
`image.blade.php`	`<figure><img>` with optional caption
`video.blade.php`	`<iframe>` (YouTube / Vimeo) or `<video>` (MP4)
`bootstrap-row.blade.php`	`<div class="row">`
`bootstrap-col.blade.php`	`<div class="col-*">`
`alert.blade.php`	`<div class="alert alert-*">`
`card.blade.php`	Bootstrap card (header / body / footer)
`button.blade.php`	`<a class="btn btn-*">`
`gallery.blade.php`	Responsive image grid
`gallery-image.blade.php`	Single gallery image
`table.blade.php`	`<table class="table">`
`list.blade.php`	`<ul>` / `<ol>`
`blockquote.blade.php`	`<blockquote>`
`code-block.blade.php`	`<pre><code>`
`horizontal-rule.blade.php`	`<hr>`

Extending

Custom Node Renderer

use Suspended\TiptapEditor\Support\NodeRegistry;
use Suspended\TiptapEditor\Services\HtmlRenderer;

// In a ServiceProvider boot()
$registry = app(NodeRegistry::class);

$registry->registerSchema('myBlock', [
    'allowed_attributes' => ['class', 'data-type'],
    'allowed_children'   => ['paragraph'],
]);

$registry->register('myBlock', function (array $node, HtmlRenderer $renderer): string {
    $content = $renderer->renderChildren($node);
    return "<div class=\"my-block\">{$content}</div>";
});

Custom AI Provider

use Suspended\TiptapEditor\Contracts\AiProviderInterface;
use Suspended\TiptapEditor\Services\Ai\AiResponse;

class MyProvider implements AiProviderInterface
{
    public function generate(string $prompt, array $options = []): AiResponse
    {
        $content = '...'; // call your API
        return new AiResponse(
            content: $content,
            tiptapJson: null,
            tokensUsed: 0,
            provider: 'my-provider',
            model: 'my-model',
        );
    }

    public function supports(string $capability): bool
    {
        return in_array($capability, ['generate', 'refine']);
    }

    public function getName(): string { return 'my-provider'; }
}

app(AiContentService::class)->registerProvider('my-provider', new MyProvider());

Internationalization

Includes en and vi translations. Publish to customise or add new locales:

php artisan vendor:publish --tag=tiptap-editor-lang
# lang/vendor/tiptap-editor/{locale}/editor.php

Testing

./vendor/bin/phpunit

214 tests, 440 assertions covering HTML rendering, sanitization, content validation, media, tables, AI providers, gallery, traits, config, and translations.

Directory Structure

src/
├── EditorServiceProvider.php
├── Facades/TiptapEditor.php
├── Contracts/AiProviderInterface.php
├── Http/Controllers/  (MediaUploadController, AiContentController)
├── Http/Middleware/   (ValidateMediaUpload, AiRateLimiter)
├── Http/Requests/     (MediaUploadRequest, AiContentRequest)
├── Models/Media.php
├── Services/
│   ├── HtmlRenderer.php
│   ├── JsonSanitizer.php
│   ├── ContentValidator.php
│   ├── MediaManager.php
│   ├── AiContentService.php
│   └── Ai/ (OpenAiProvider, ClaudeProvider, AiResponse)
├── Support/ (NodeRegistry, AiPromptTemplates)
├── Traits/HasTiptapContent.php
└── View/Components/TiptapEditor.php

resources/js/editor/
├── index.js            Editor.js            Toolbar.js
├── extensions/         (9 Tiptap extensions)
├── MediaBrowser.js     AiPanel.js           BlockMenu.js
├── KeyboardShortcuts.js AccessibilityManager.js ResponsivePreview.js
└── utils/              (helpers.js, sanitizer.js)

dist/
├── js/tiptap-editor.es.js   (685 KB / 180 KB gzipped)
├── js/tiptap-editor.umd.js  (449 KB / 136 KB gzipped)
└── css/tiptap-editor.css    (27 KB / 5 KB gzipped)

License

MIT License. See LICENSE for details.

Changelog

v1.3.0 — 2026-03-01

Tailwind CSS Output Theme

New ClassMapInterface / ClassMap architecture — Strategy pattern for CSS framework–agnostic HTML rendering
BootstrapClassMap — extracts all existing Bootstrap 5 classes (zero behavior change, fully backward compatible)
TailwindClassMap — full Tailwind CSS equivalents for every component: Alert, Card, Button, Row/Col grid, Table, Image, Video, Gallery
Automatic Bootstrap col class → Tailwind col-span-* / responsive md:col-span-* conversion
data-tiptap-type / data-tiptap-variant attributes added to output elements when using Tailwind theme (enables CSS targeting fallback)
New resources/css/tailwind-fallback.css (~13 KB) — pre-built stylesheet covering all Tailwind utility classes used in rendered output
Auto-inject fallback CSS via @push('styles') in Blade component when tailwind_fallback_css = true
New config keys under rendering: output_theme, tailwind_fallback_css, class_overrides
output_theme env variable: TIPTAP_OUTPUT_THEME

Breaking changes: None — output_theme defaults to 'bootstrap'.

v1.1.0

Media Library

Browse and reuse previously uploaded images/videos from a new "Library" tab in Image and Video modals
Searchable grid with pagination, click-to-select, and instant insert
Integrated with existing browse API (GET /tiptap-editor/media/browse)

Upload Security & Permissions

Gate-based and role-based upload authorization (compatible with Spatie/Permission)
Configurable upload directory strategy: default, user (per-user folders), custom (resolver callback)
Blocked file extensions list (PHP, EXE, shell scripts, etc.) — prevents upload of dangerous files
Double-extension detection (e.g., malware.php.jpg)
File content scanning: detects embedded PHP tags, eval(), exec(), polyglot attack patterns
MIME type mismatch detection (compares detected vs. declared MIME types)
Null byte filename protection
Filename sanitization (path traversal prevention, length limits)

SVG Security

SVG file sanitization on upload: strips <script>, on* event handlers, javascript: URIs, <foreignObject>, external <use> references

CSS Injection Prevention

Color values in highlight and text style marks are now validated against safe patterns (hex, rgb/hsl, named colors)

Other

TrailingNode extension (auto-appends paragraph after block nodes)
Configurable editor height, scroll, and CSS resize handle
Edit-after-insert for all block tools (Card, Gallery, Alert, Table)

v1.0.0 – 2026-02-27

Initial release.

Core

Rich text editing with 20+ formatting options
Bootstrap 5 grid layout (Row/Column, 8 responsive presets)
Bootstrap components: Alert, Card, Button
Table editing (merge cells, Bootstrap styled)
Media: image upload + thumbnail generation, video embed (YouTube/Vimeo/MP4)
Gallery: responsive grid, lightbox
Server-side JSON→HTML rendering via Blade partials
Content sanitization & validation (whitelist-based, XSS-safe)
HasTiptapContent Eloquent trait

Slash commands (/ palette, 18 commands)
Block menu (drag handle, duplicate, delete, transform)
Dark mode (auto/light/dark, CSS variables)
Keyboard shortcuts help modal (Ctrl+/)
WCAG 2.1 AA accessibility (ARIA, roving tabindex, live regions)
Responsive preview (desktop / tablet / mobile)

AI (optional)

OpenAI & Claude providers (strategy pattern)
Actions: generate, refine, summarize, translate
Configurable rate limiting
Built-in prompt templates

Other

i18n: English & Vietnamese
202 tests, 422 assertions

ptnghia / laravel-tiptap-editor

Maintainers

Package info

Statistics

Security

README

✨ Features

Requirements

Installation

1. Install via Composer

2. Publish Assets

3. Include Assets in Your Layout

Basic Usage

Blade Component

Component Props

Read Submitted Content

Server-side Rendering

Via Facade

Via Eloquent Trait

Configuration

Extensions

Toolbar Groups

Theme

Output Theme (Tailwind CSS)

Media Settings

Upload Security & Permissions

Setting up Gate-based permissions

Role-based permissions (Spatie/Permission)

Link & Sanitization Settings

Table Rendered Output

Video Providers

Route Settings

AI Content Generation (Optional)

Setup

Configuration

Use in PHP

Content Sanitization

Keyboard Shortcuts

Customizing Rendered HTML

Extending

Custom Node Renderer

Custom AI Provider

Internationalization

Testing

Directory Structure

License

Changelog

v1.3.0 — 2026-03-01

v1.1.0

v1.0.0 – 2026-02-27