MoonShine MoonShine
EN
← All plugins

TinyMce field for MoonShine Laravel admin panel

Made by the authors of MoonShine

TinyMCE integration for MoonShine Laravel admin panel. This package extends the default Textarea field with powerful WYSIWYG editing capabilities powered by TinyMCE. Comes with a rich set of features including file manager integration, customizable toolbars, and multiple language support.

Rating
5
Downloads
4620
Version
1.0.7
Last updated
10.04.2025
MoonShine version
v3
Github stars
4
Install
MoonShine Software
Author
MoonShine Software
More from this author
Rush

Rush

Rush is a Laravel package that enables real-time event handling on web pages using WebSockets. The package integrates seamlessly with the MoonShine admin panel and offers convenient tools for instant notifications, collaborative form editing, dynamic fragment updates, and flexible HTML content management. Rush supports various WebSocket solutions, including Laravel Echo, Centrifugo, SocketIO, and custom implementations, making it a versatile tool for building interactive web applications.

5
52 downloads
MoonShine Permission

MoonShine Permission

MoonShine Permission - это пакет для системы управления правами доступа в админ-панели MoonShine v2.0+, который позволяет гибко настраивать разрешения для пользователей через встроенные трейты и модели, а также контролировать доступ к различным разделам админки.

5
5278 downloads
MoonShine Changelog

MoonShine Changelog

MoonShine Changelog - это пакет для MoonShine, который добавляет функционал отслеживания изменений в моделях, позволяя легко просматривать историю последних модификаций через специальный компонент в админ-панели.

5
6848 downloads
Other packages from the category
Moonshine Spatie Medialibrary

Moonshine Spatie Medialibrary

MoonShine Spatie MediaLibrary - это поле для админ-панели MoonShine, которое интегрирует функционал популярного пакета Laravel-MediaLibrary от Spatie, позволяя удобно управлять медиафайлами в админке с поддержкой как одиночных, так и множественных загрузок изображений.

5
7525 downloads
Moonshine Spatie Translatable

Moonshine Spatie Translatable

MoonShine Spatie Translatable - это расширение для админ-панели MoonShine, которое интегрирует функционал многоязычности от Spatie, позволяя легко управлять переводимым контентом через специальные поля в административном интерфейсе.

5
2888 downloads
Moonshine CKEditor Field

Moonshine CKEditor Field

CKEditor integration for MoonShine Laravel admin panel. This package adds the powerful CKEditor 5 WYSIWYG editor as a field type, providing professional-grade content editing capabilities within your MoonShine admin forms.

5
2051 downloads

TinyMce field for MoonShine Laravel admin panel

Extends Textarea and has the same features

windows

[!IMPORTANT] Before using this field, you must register on the site at Tiny.Cloud, get the token and add it to the .env

TINYMCE_TOKEN="YOUR_TOKEN"
TINYMCE_TOKEN="YOUR_TOKEN"

Compatibility

MoonShine Moonshine TinyMce Currently supported
>= v3.0 >= v1.0.0 yes

Installation

composer require moonshine/tinymce
composer require moonshine/tinymce

Usage

use MoonShine\TinyMce\Fields\TinyMce;
 
 
TinyMce::make('Description')
use MoonShine\TinyMce\Fields\TinyMce;
 
 
TinyMce::make('Description')

Default config

TinyMce field uses the most common settings such as plugins, menubar and toolbar by default

To change the default settings, you need to publish the configuration file:

php artisan vendor:publish --tag="moonshine-tinymce-config"
php artisan vendor:publish --tag="moonshine-tinymce-config"

You can also add additional options to the configuration file that will apply to all TinyMce fields

'options' => [
    'forced_root_block' => 'div',
    'force_br_newlines' => true,
    'force_p_newlines' => false,
],
'options' => [
    'forced_root_block' => 'div',
    'force_br_newlines' => true,
    'force_p_newlines' => false,
],

Locale

The default is your application's locale, but using the locale() method you can define a specific locale

locale(string $locale)
locale(string $locale)
TinyMce::make('Description')
    ->locale('ru');
TinyMce::make('Description')
    ->locale('ru');

English (en), Russian (ru) and Ukrainian (uk) are currently available, but we are always ready to add the others.

To add new localizations, create an issue or make a pull request

Plugins

The plugins() method allows you to completely override the plugins that the field will use

plugins(array $plugins)
plugins(array $plugins)
TinyMce::make('Description')
    ->plugins(['code', 'image', 'link', 'media', 'table'])
TinyMce::make('Description')
    ->plugins(['code', 'image', 'link', 'media', 'table'])

The addPlugins() method allows you to add new plugins to the default plugins

addPlugins(array $plugins)
addPlugins(array $plugins)
TinyMce::make('Description')
    ->addPlugins(['wordcount'])
TinyMce::make('Description')
    ->addPlugins(['wordcount'])

The removePlugins() method allows you to exclude plugins that the field will use

removePlugins(array $plugins)
removePlugins(array $plugins)
TinyMce::make('Description')
    ->removePlugins(['autoresize'])
TinyMce::make('Description')
    ->removePlugins(['autoresize'])

Menubar

The menubar() method allows you to completely override menubar for a field

menubar(string|bool $menubar)
menubar(string|bool $menubar)
TinyMce::make('Description')
    ->menubar('file edit view')
TinyMce::make('Description')
    ->menubar('file edit view')

Toolbar

The toolbar() method allows you to completely override toolbar for a field

toolbar(string|bool|array $toolbar)
toolbar(string|bool|array $toolbar)
TinyMce::make('Description')
    ->toolbar('file edit view')
TinyMce::make('Description')
    ->toolbar('file edit view')

Options

The addOption() method allows you to add additional options for a field

addOption(string $name, string|int|float|bool|array $value)
addOption(string $name, string|int|float|bool|array $value)
TinyMce::make('Description')
    ->addOption('forced_root_block', 'div')
TinyMce::make('Description')
    ->addOption('forced_root_block', 'div')

The addCallback() method allows you to add callback options for a field

addCallback(string $name, string $value)
addCallback(string $name, string $value)
TinyMce::make('Description')
    ->addCallback('setup', '(editor) => console.log(editor)')
TinyMce::make('Description')
    ->addCallback('setup', '(editor) => console.log(editor)')

You can use string, number, boolean and array as values.

File manager

If you want to use the file manager in TinyMce, you need to install the package Laravel FileManager

Installation

composer require unisharp/laravel-filemanager
 
php artisan vendor:publish --tag=lfm_config
php artisan vendor:publish --tag=lfm_public
composer require unisharp/laravel-filemanager
 
php artisan vendor:publish --tag=lfm_config
php artisan vendor:publish --tag=lfm_public

Be sure to set the 'use_package_routes' flag in the lfm config to false, otherwise caching routes will cause an error.

// config/lfm.php
 
'use_package_routes' => false,
// config/lfm.php
 
'use_package_routes' => false,

Routes file

Create a routes file like routes/moonshine.php and register the LaravelFilemanager routes.

use Illuminate\Support\Facades\Route;
use UniSharp\LaravelFilemanager\Lfm;
 
Route::prefix('laravel-filemanager')->group(function () {
    Lfm::routes();
});
use Illuminate\Support\Facades\Route;
use UniSharp\LaravelFilemanager\Lfm;
 
Route::prefix('laravel-filemanager')->group(function () {
    Lfm::routes();
});

File registration

Register the generated routes file in app/Providers/RouteServiceProvider.php

The route file must be in the middleware moonshine group!

public function boot()
{
    // ...
 
    $this->routes(function () {
        // ...
 
        Route::middleware('moonshine')
            ->namespace($this->namespace)
            ->group(base_path('routes/moonshine.php'));
    });
}
public function boot()
{
    // ...
 
    $this->routes(function () {
        // ...
 
        Route::middleware('moonshine')
            ->namespace($this->namespace)
            ->group(base_path('routes/moonshine.php'));
    });
}

[!IMPORTANT] In order to allow access only to users authorized in the admin panel you need to add middleware MoonShine\Http\Middleware\Authenticate.

use MoonShine\Http\Middleware\Authenticate;
 
// ...
 
public function boot()
{
    // ...
 
    $this->routes(function () {
        // ...
 
        Route::middleware(['moonshine', Authenticate::class])
            ->namespace($this->namespace)
            ->group(base_path('routes/moonshine.php'));
    });
}
use MoonShine\Http\Middleware\Authenticate;
 
// ...
 
public function boot()
{
    // ...
 
    $this->routes(function () {
        // ...
 
        Route::middleware(['moonshine', Authenticate::class])
            ->namespace($this->namespace)
            ->group(base_path('routes/moonshine.php'));
    });
}

Configuration

You need to add an option for the field

TinyMce::make('Description')
    ->addOptions([
        'file_manager' => 'laravel-filemanager',
    ])
TinyMce::make('Description')
    ->addOptions([
        'file_manager' => 'laravel-filemanager',
    ])

or add in the config/moonshine_tinymce.php configuration file to apply to all TinyMCe fields

'options' => [
    'file_manager' => 'laravel-filemanager',
],
'options' => [
    'file_manager' => 'laravel-filemanager',
],
GitHub
YouTube YouTube
Telegram Telegram
Discord Discord