PHPackages                             laravel-tiptap/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. laravel-tiptap/editor

ActiveLibrary

laravel-tiptap/editor
=====================

TipTap rich text editor for Laravel with media manager

v1.0.0(today)00MITVuePHP ^8.2

Since Jul 23Pushed todayCompare

[ Source](https://github.com/xuanhieu080/laravel-tiptap-editor)[ Packagist](https://packagist.org/packages/laravel-tiptap/editor)[ RSS](/packages/laravel-tiptap-editor/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (1)Versions (2)Used By (0)

Laravel TipTap
==============

[](#laravel-tiptap)

TipTap rich text editor for Laravel with media manager.

[![Latest Version on Packagist](https://camo.githubusercontent.com/94f72b1143fc3d7bdfa05f0d2f2722e39ab220e805a478404af2bd97546e241a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6c61726176656c2d7469707461702f656469746f722e737667)](https://packagist.org/packages/laravel-tiptap/editor)[![License](https://camo.githubusercontent.com/210819beb758e2c4e425a3cbb9d7c417bd3dcb205b35f26887ad6e59bac65c82/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6c61726176656c2d7469707461702f656469746f722e737667)](LICENSE)

Features
--------

[](#features)

- Full-featured TipTap editor (headings, bold, italic, tables, images, code blocks, etc.)
- Media manager (browse, upload, create folders, delete)
- Drag-drop/paste image upload with original filename
- Cell background color for tables
- Source code editing and fullscreen mode
- Automatic orphan image cleanup
- Laravel auto-discover ServiceProvider

Install
-------

[](#install)

### 1. Composer

[](#1-composer)

```
composer require laravel-tiptap/editor
```

### 2. Filesystem Disk

[](#2-filesystem-disk)

Add to `config/filesystems.php`:

```
'disks' => [
    'public_uploads' => [
        'driver' => 'local',
        'root' => public_path('userfiles'),
        'url' => env('APP_URL').'/userfiles',
        'visibility' => 'public',
    ],
],
```

### 3. Publish assets (optional)

[](#3-publish-assets-optional)

```
php artisan vendor:publish --tag=editor-config
php artisan vendor:publish --tag=editor-views
php artisan vendor:publish --tag=editor-assets
```

### 4. NPM

[](#4-npm)

Copy `resources/js/` from the package to your project, then install dependencies:

```
npm install @tiptap/core @tiptap/pm @tiptap/vue-3 @tiptap/starter-kit \
  @tiptap/extension-link @tiptap/extension-image @tiptap/extension-table \
  @tiptap/extension-table-row @tiptap/extension-table-cell \
  @tiptap/extension-table-header @tiptap/extension-task-list \
  @tiptap/extension-task-item @tiptap/extension-code-block-lowlight \
  @tiptap/extension-text-align @tiptap/extension-highlight \
  @tiptap/extension-text-style @tiptap/extension-color \
  @tiptap/extension-font-family @tiptap/extension-subscript \
  @tiptap/extension-superscript @tiptap/extension-underline \
  @tiptap/extension-placeholder lowlight
```

Add to `vite.config.js`:

```
laravel({
    input: [
        // ... your existing inputs
        'resources/js/editor/tiptap-editor.js',
    ],
})
```

### 5. CSRF Exception

[](#5-csrf-exception)

If using CSRF protection, add to `bootstrap/app.php`:

```
$middleware->validateCsrfTokens(except: [
    'editor/*',
]);
```

Usage
-----

[](#usage)

### Blade Component

[](#blade-component)

```

```

Options:

```

```

### API Endpoints

[](#api-endpoints)

MethodURLDescription`POST``/editor/upload`Upload file (drag-drop/paste)`DELETE``/editor/upload`Delete file by URL`GET``/editor/media`Browse media files`POST``/editor/media/folder`Create folder`POST``/editor/media/upload`Upload to media manager`DELETE``/editor/media`Delete file/folderAll endpoints require authentication.

### Storage Structure

[](#storage-structure)

```
public/userfiles/
└── users/
    └── {userId}/
        ├── images/
        │   ├── photo.jpg
        │   └── screenshot.png
        ├── files/
        │   └── document.pdf
        └── custom-folder/
            └── design.png

```

Config
------

[](#config)

Publish and edit `config/editor.php`:

```
php artisan vendor:publish --tag=editor-config
```

Requirements
------------

[](#requirements)

- PHP 8.2+
- Laravel 10/11/12
- Vue 3
- Vite

License
-------

[](#license)

MIT License. See [LICENSE](LICENSE) for details.

###  Health Score

39

—

LowBetter than 84% of packages

Maintenance100

Actively maintained with recent releases

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity45

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

Unknown

Total

1

Last Release

0d ago

### Community

Maintainers

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

---

Top Contributors

[![xuanhieu080](https://avatars.githubusercontent.com/u/141008977?v=4)](https://github.com/xuanhieu080 "xuanhieu080 (2 commits)")

---

Tags

laraveltiptapeditorwysiwygvuerich textMedia Manager

### Embed Badge

![Health badge](/badges/laravel-tiptap-editor/health.svg)

```
[![Health](https://phpackages.com/badges/laravel-tiptap-editor/health.svg)](https://phpackages.com/packages/laravel-tiptap-editor)
```

###  Alternatives

[api-platform/laravel

API Platform support for Laravel

58174.6k17](/packages/api-platform-laravel)[ecotone/laravel

Ecotone for Laravel — CQRS, Event Sourcing, Sagas, Durable Workflows, and Outbox on top of Laravel Queue, via PHP attributes.

21318.6k3](/packages/ecotone-laravel)[marshmallow/nova-tiptap

A Laravel Nova tiptap editor field.

19183.4k3](/packages/marshmallow-nova-tiptap)

PHPackages © 2026

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