Download the PHP package mckenziearts/livewire-markdown-editor without Composer
On this page you can find all versions of the php package mckenziearts/livewire-markdown-editor. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download mckenziearts/livewire-markdown-editor
More information about mckenziearts/livewire-markdown-editor
Files in mckenziearts/livewire-markdown-editor
Package livewire-markdown-editor
Short Description GitHub-style markdown editor for Laravel with Livewire and Alpine.js
License MIT
Informations about the package livewire-markdown-editor
Laravel Markdown Editor
GitHub-style Markdown editor for Laravel with Livewire and Alpine.js. This module provides a complete, standalone Markdown editing experience with full dark mode support.
Dependencies
- Laravel 11+
- Livewire 3.6+
- Tailwind CSS 4.1
- League CommonMark
- GitHub Markdown Toolbar Element
- GitHub Text Expander Element
Features
- 🎨 GitHub-style toolbar with all formatting options
- 📝 Live markdown preview
- 🌓 Full dark mode support
- 📎 File upload with automatic Markdown insertion
- ✨ GitHub Flavored Markdown (GFM) support
- 🔖 Spatie Shiki Highlight code blocks
- 📋 Tables, task lists, and more
- 🔄 Livewire integration with two-way binding
- 🎯 Multiple editor instances support
Installation
Livewire Markdown editor can be installed via composer from your project root:
Include the Markdown formatting buttons for text inputs Editor into your project:
2. Load assets
Add the module's JavaScript to your main resources/js/app.js:
And the CSS file to your main resources/css/app.css:
Then build:
3. Register the module
The service provider is auto-discovered via Laravel's package discovery.
Usage
Basic Usage
With Custom Configuration
In Livewire Components
Component Properties
| Property | Type | Default | Description |
|---|---|---|---|
content |
string | '' |
The markdown content (use with wire:model) |
placeholder |
string | 'Leave a comment...' |
Textarea placeholder text |
class |
string | null |
Textarea custom classes |
rows |
int | 10 |
Number of textarea rows |
showToolbar |
bool | true |
Show/hide the markdown toolbar |
showUpload |
bool | true |
Show/hide the file upload button |
Toolbar Features
- Heading - Insert heading
- Bold - Make text bold
- Italic - Make text italic
- Quote - Insert blockquote
- Code - Insert code block
- Link - Insert link
- Unordered List - Insert bullet list
- Ordered List - Insert numbered list
- Task List - Insert checklist
- File Upload - Upload and insert files/images
File Uploads
Files are automatically uploaded to the configured disk when selected. Images are inserted as  and other files as [filename](url).
Make sure your storage is properly configured:
Security
To prevent arbitrary file upload vulnerabilities (stored XSS, phishing page hosting, malware distribution), only images are accepted by default. Uploaded files are stored under a randomly generated filename with the validated extension, and the original client-provided filename is sanitized before being inserted into the markdown output.
You can customize the allowed file types and max size via the upload config key:
If you need to allow non-image files, extend allowed_extensions and set images_only to false. When using a public cloud disk (S3, Spaces, R2, Scaleway), review the bucket policy to ensure non-whitelisted Content-Types cannot be served inline.
If you do not use file uploads at all, disable the feature entirely:
Markdown Support
The editor supports full GitHub Flavored Markdown including:
- Headings
- Bold, italic, strikethrough
- Links and images
- Code blocks with syntax highlighting
- Task lists
- Blockquotes
- Horizontal rules
Dark Mode
Dark mode is fully supported and automatically follows your Tailwind CSS dark mode configuration.
Customization
Publishing Views
Views will be published to resources/views/vendor/livewire-markdown-editor/.
Publishing Assets
License
Distributed under the MIT license. See LICENSE for details.
All versions of livewire-markdown-editor with dependencies
codeat3/blade-phosphor-icons Version ^2.4
illuminate/contracts Version ^11.0|^12.0|^13.0
illuminate/support Version ^11.0|^12.0|^13.0
spatie/commonmark-shiki-highlighter Version ^2.5
livewire/livewire Version ^3.6|^4.0
league/commonmark Version ^2.0