TinyMCE
MoxieManager
DriveThe best WYSIWYG rich text
editor for Laravel
Trusted by 1.5M developers. Used in 100M+ apps.
No matter the project, TinyMCE Laravel works best
Laravel rich text editor is
a lightweight feature-rich
WYSIWYG HTML editor
Can be added to any kind of Laravel project
The Laravel editor lets you build custom content creation
and editing experiences within your application
Why use TinyMCE as
your Laravel rich text
editor?
TinyMCE is a JavaScript-based rich text editor that lets you add advanced editing capabilities to your Laravel project.
Using our purpose-built Laravel integration, take advantage of out-of-the-box features, or build your own content creation experience with virtually infinite customizations.
- Lightweight, fast, and easy to use
- Quick setup with Composer
- Self-host or load from the Cloud
- Stress-free maintenance and updates
- Free editor core with premium upgrades
- Fully customizable UI
- 50+ plugins for advanced content creation, collaboration and compliance
- Easy extensibility with 400+ APIs
- Actively maintained and improved
- Community and professional support
Add TinyMCE as your
Laravel WYSIWYG editor
It's easy. And trusted by 1.5M devs.
1$ composer create-project laravel/laravel my-example-app
2$ cd my-example-app
3
4File: resources/views/components/head/tinymce-config.blade.php
5```
6<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
7<script>
8 tinymce.init({
9 selector: 'textarea#myeditorinstance', // Replace this CSS selector to match the placeholder element for TinyMCE
10 plugins: 'powerpaste advcode table lists checklist',
11 toolbar: 'undo redo | blocks| bold italic | bullist numlist checklist | code | table'
12 });
13</script>
14```
15
16File: resources/views/components/forms/tinymce-editor.blade.php
17```
18<form method="post">
19 <textarea id="myeditorinstance">Hello, World!</textarea>
20</form>
21```
22
23File: resources/views/welcome.blade.php
24```
25<!DOCTYPE html>
26<html lang="">
27<head>
28 <meta charset="utf-8">
29 <meta name="viewport" content="width=device-width, initial-scale=1">
30 <title>TinyMCE in Laravel</title>
31 <!-- Insert the blade containing the TinyMCE configuration and source script -->
32 <x-head.tinymce-config/>
33</head>
34<body>
35 <h1>TinyMCE in Laravel</h1>
36 <!-- Insert the blade containing the TinyMCE placeholder HTML element -->
37 <x-forms.tinymce-editor/>
38</body>
39</html>
40```
41
42$ php artisan make:component Head/tinymceConfig
43$ php artisan make:component Forms/tinymceEditor
44$ php artisan serve
TinyMCE Laravel integration docs
Trusted by developers
✨ I found out ~50% of my support tickets on remoteok.com were about Markdown issues:
- non-tech people don't understand it
- format is inconsistent
- buggy if complex like * a list with **bold text**
So I now switched to TinyMCE which is HTML: tiny.cloud
We tried many other #tools and we finally decided to go with @tinymce, simply because you're the best.
I'm beginning to love @tinymce more and more. Been exploring its features since morning...
Thanks! I tried many other tools - all open-source and came to the conclusion that many people may disagree with.
I decided to go with TinyMCE not because it's open-source but because they have a commercial license what may mean they will fix bugs and add great features faster.
TinyMCE Laravel
integration compatibility
Our Laravel text editor is regularly updated and
actively maintained
Browsers
Deployment type
All the WYSIWYG
features users love
Supercharge your Laravel editor with
state-of-the-art functionality
Clean copy-and-paste
- Cleanly copy-pastes content from Word, Excel and Google Docs
- Option to strip or preserve advanced formatting
- Underlying HTML code doesn't break
- 99.9% accuracy rate
Laravel HTML code editor
- Switch between editing rich text content and the underlying HTML with the click of a button
- Color syntax highlighting, search and replace, bracket matching, code folding, and multiple selections
- Allows developers and power users to jump in and edit the code behind the content
Laravel image editor
- Flip, rotate, crop, resize and apply filters within the editor
- Modify images to fit content without leaving the browser
- Replaces the need for other image editing software
Image uploader for Laravel
- Upload files and insert images inside TinyMCE
- Fast, scalable, integrated and secure
- Allows users to upload and manage files in the cloud without needing complex infrastructure
Looking for projects that
TinyMCE can be used for?
Access use-case specific starter configsto kickstart your rich text editing project
Ready to use TinyMCE for
your project?
Get a quoteTinyMCE FAQs
Which rich text editor is best for Laravel?
When choosing an editor, check whether it has a first-party integration with Laravel. This helps ensure an easy installation, future upgrades and compatibility with your project. TinyMCE has all of this.
How do I add a rich text editor to Laravel?
Install TinyMCE’s Laravel integration through Composer, Cloud CDN or Zip download.
Why should you choose TinyMCE Laravel rich text editor?
Fast and easy setup, a fully customizable UI, productivity, compliance and collaboration features, and a first-party Laravel integration are all great reasons to choose TinyMCE as your Laravel rich text editor.
What is the price for TinyMCE Laravel WYSIWYG editor?
TinyMCE and its Laravel framework integration are 100% free under the MIT open source license. Advanced features and support are available at an additional cost.
Does the TinyMCE Laravel rich text editor have copy and paste functionality?
Yes. TinyMCE has a feature called PowerPaste, which retains formatting and cleans the HTML copied from Word, Excel and Google Docs with 99.9% accuracy.
Does the TinyMCE Laravel rich text editor have text formatting and styling functionality?
Yes. TinyMCE has all of the features your users would expect from any word processor-type tool.
One of the most trusted and downloaded components for 20+ years
Frameworks
12+ frameworks and 400+ flexible APIs
Easily integrates into your tech stack and enhances your editing experience. 7 first-party and 5 third-party endorsed integrations that make development easier
Hosting
Get TinyMCE two ways Cloud-based or Self-hosted
Get a Free API key to use TinyMCE from the Cloud or Download the SDK for use in your Self-Hosted application
Customization
Modify TinyMCE to suit custom use cases
Developers have full source code control for endless customizations
- Out-of-the-box
- UI customisation
- API customisation
