PHPackages                             energon7/nova-tinymce - 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. energon7/nova-tinymce

ActiveLibrary

energon7/nova-tinymce
=====================

This Nova package allow you to use TinyMCE editor for text areas.You can customize the editor options and... you can upload images to your server and put them rigth there on the text without leaving the text editor!

v0.5.5(6y ago)029MITVuePHP >=7.1.0

Since Oct 2Pushed 6y agoCompare

[ Source](https://github.com/Energon7/nova-tinymce)[ Packagist](https://packagist.org/packages/energon7/nova-tinymce)[ RSS](/packages/energon7-nova-tinymce/feed)WikiDiscussions master Synced 2mo ago

READMEChangelogDependenciesVersions (7)Used By (0)

Laravel Nova TinyMCE editor (with images upload capabilities!)
==============================================================

[](#laravel-nova-tinymce-editor-with-images-upload-capabilities)

This Nova package allow you to use [TinyMCE editor](https://tiny.cloud) for text areas. You can customize the editor options and... you can **upload images to your server** and put them right there on the text without leaving the text editor!!

Installation
------------

[](#installation)

```
composer require emilianotisato/nova-tinymce
```

In order to work with this editor you need to [create a free account](https://apps.tiny.cloud/signup/) to get the editor API\_KEY. Once you have don this, create this key inside your `config/nova.php` file

```
    'tinymce_api_key' => env('TINYMCE_API_KEY'),

```

and add the `TINYMCE_API_KEY` to your .env file with the key from tiny.cloud website.

Usage
-----

[](#usage)

In your Nova resource add the use declaration and use the NovaTinyMCE field:

```
use Emilianotisato\NovaTinyMCE\NovaTinyMCE;

// ...

    /**
     * Get the fields displayed by the resource.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
     */
    public function fields(Request $request)
    {
        return [
            ID::make()->sortable(),

            NovaTinyMCE::make('body'),
        ];
    }
```

By default, the editor comes with default options and the image without the filemanager. You can use custome options like this:

```
NovaTinyMCE::make('body')->options([
                'plugins' => [
                    'advlist autolink lists link image charmap print preview hr anchor pagebreak'
                ],
                'toolbar' => 'insertfile undo redo | styleselect | bold italic'
            ]),
```

### Using the upload images feature

[](#using-the-upload-images-feature)

Now if you need to upload images from the text editor, we need to install [UniSharp Laravel Filemanager](https://unisharp.github.io/laravel-filemanager/installation), and pass the `use_lfm` key to your options array:

```
NovaTinyMCE::make('body')->options([
                'plugins' => [
                    'advlist autolink lists link image charmap print preview hr anchor pagebreak',
                    'searchreplace wordcount visualblocks visualchars code fullscreen',
                    'insertdatetime media nonbreaking save table contextmenu directionality',
                    'emoticons template paste textcolor colorpicker textpattern'
                ],
                'toolbar' => 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media',
                'use_lfm' => true
                ]),
```

In case you change the `laravel-filemanager` URL in the package config file, you need to pass that info to this nova field with the `lfm_url` key in the options array.

```
// ...
    'use_lfm' => true,
    'lfm_url' => 'laravel-filemanager'
// ...
```

### Extra configuration and plugin customization

[](#extra-configuration-and-plugin-customization)

You can virtually pass any configuration option for the javascript SDK to the array in the `options()` method.

For example, you like to have increased the height of the text area:

```
            NovaTinyMCE::make('body')->options([
                'height' => '980'
                ]),
```

You can see the full list of parameters in the docs:

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 81.3% 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

Every ~55 days

Recently: every ~67 days

Total

6

Last Release

2497d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/b9e50c333693422ef7266e9105b97376f1c34bcfd3a15bc3abf12c3516a38f09?d=identicon)[Energon7](/maintainers/Energon7)

---

Top Contributors

[![emilianotisato](https://avatars.githubusercontent.com/u/18596215?v=4)](https://github.com/emilianotisato "emilianotisato (13 commits)")[![alberto-bottarini](https://avatars.githubusercontent.com/u/1442934?v=4)](https://github.com/alberto-bottarini "alberto-bottarini (2 commits)")[![bestcomp-azer](https://avatars.githubusercontent.com/u/81566060?v=4)](https://github.com/bestcomp-azer "bestcomp-azer (1 commits)")

---

Tags

laraveleditornovatiny

### Embed Badge

![Health badge](/badges/energon7-nova-tinymce/health.svg)

```
[![Health](https://phpackages.com/badges/energon7-nova-tinymce/health.svg)](https://phpackages.com/packages/energon7-nova-tinymce)
```

###  Alternatives

[emilianotisato/nova-tinymce

This Nova package allow you to use TinyMCE editor for text areas.You can customize the editor options and... you can upload images to your server and put them rigth there on the text without leaving the text editor!

116884.3k4](/packages/emilianotisato-nova-tinymce)[advoor/nova-editor-js

A Laravel Nova field bringing EditorJs magic to Nova.

92179.0k3](/packages/advoor-nova-editor-js)[murdercode/nova4-tinymce-editor

Boost your Laravel Nova with the TinyMCE editor.

17165.2k](/packages/murdercode-nova4-tinymce-editor)[marshmallow/nova-tiptap

A Laravel Nova tiptap editor field.

19120.0k2](/packages/marshmallow-nova-tiptap)

PHPackages © 2026

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