PHPackages kraftbit/nova-tinymce5-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. kraftbit/nova-tinymce5-editor ActiveLibrary kraftbit/nova-tinymce5-editor ============================= A Laravel Nova field. v1.0.0(5y ago)559.1k↓37.8%8[2 issues](https://github.com/Kraftbit/nova-tinymce5-editor/issues)1MITPHPPHP >=7.1.0 Since Sep 21Pushed 4y ago2 watchersCompare [ Source](https://github.com/Kraftbit/nova-tinymce5-editor)[ Packagist](https://packagist.org/packages/kraftbit/nova-tinymce5-editor)[ RSS](/packages/kraftbit-nova-tinymce5-editor/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (2)Used By (1) Laravel Nova TinyMCE 5 Editor field =================================== [](#laravel-nova-tinymce-5-editor-field) Nova TinyMCE 5 Editor is Laravel Nova field that integrates TinyMCE5 WYSIWYG editor. Installation ------------ [](#installation) Use the [composer](https://getcomposer.org/) to install this package. ``` composer require kraftbit/nova-tinymce5-editor ``` Usage ----- [](#usage) Publish config with the following command: ``` php artisan vendor:publish --provider="Kraftbit\NovaTinymce5Editor\FieldServiceProvider" ``` Now you have nova-tinymce5-editor.php file in your config folder. Edit TinyMCE options and toolbar here. Add your TinyMCE cloud API key here or to your .env file like this: ``` TINYMCE_API_KEY=your-key-here ``` After that you are good to go! Add NovaTinymce5Editor class and field to your Nova Resource. ``` use Kraftbit\NovaTinymce5Editor\NovaTinymce5Editor; ... NovaTinymce5Editor::make('Body', 'body'), ``` Available options ----------------- [](#available-options) You can pass arguments and TinyMCE options directly from a field to customize your toolbar and plugins, like this: ``` NovaTinymce5Editor::make('Body')->placeholder('Enter content here') ->options(['toolbar' => ['undo redo | align | link | code'], 'plugins' => ['link code']]), ``` For available options/plugins visit official TinyMCE 5 documentation. Integration with Media Library ------------------------------ [](#integration-with-media-library) Nova TinyMCE 5 Editor field works well with [Nova Media Library](https://github.com/classic-o/nova-media-library). If you would like to insert images from Media Library directly to editor content, you need to install Nova Media Library field first and add a Media Library JS callback field. To make it work, you need to add custom \*id for TinyMCE field `->id('body')`, and meta argument `->withMeta(['mediaLibrary' => true])` and then pass the same editor \*id to your Media Library callback field. In the example below we use 'body' for \*id because that is the column name in our database: ``` NovaTinymce5Editor::make('Body')->id('body')->withMeta(['mediaLibrary' => true]), MediaLibrary::make('Insert image', 'js_callback_media_library') ->jsCallback('mediaLibrarySelectFiles', ['editor' => 'body'])->types(['Image']), ``` ### Screenshots [](#screenshots) TinyMCE editor without inserted image [![Nova TinyMCE 5 Editor](https://camo.githubusercontent.com/18153836f7fa9f7fb02adec4e2f58d4da589d6d699965b518d66fafe82aaf728/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f6b47544c537352587739794135376e6b4146673261336e744c6833636c5372444b524747536159302e706e67)](https://camo.githubusercontent.com/18153836f7fa9f7fb02adec4e2f58d4da589d6d699965b518d66fafe82aaf728/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f6b47544c537352587739794135376e6b4146673261336e744c6833636c5372444b524747536159302e706e67) TinyMCE editor with inserted image [![Nova TinyMCE 5 Editor](https://camo.githubusercontent.com/d0f7801b608b0ad82f01a2b84b25d5b114b07c92efbdc4c0429c0d9d500ebc92/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f31614d6b594b50676e4c49526a4f62545630336d6f3242427761354b4f336263677779456b5250732e706e67)](https://camo.githubusercontent.com/d0f7801b608b0ad82f01a2b84b25d5b114b07c92efbdc4c0429c0d9d500ebc92/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f31614d6b594b50676e4c49526a4f62545630336d6f3242427761354b4f336263677779456b5250732e706e67) Image file options [![Nova TinyMCE 5 Editor](https://camo.githubusercontent.com/0edf5ba4fb7dad04b9921fb3e9bcd897e6d7b131fd62f71efbc28ddecae2287e/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f5841565676754c61415866704e52756c33356e675462476e3468614c703679444d4856306a3559672e6a7067)](https://camo.githubusercontent.com/0edf5ba4fb7dad04b9921fb3e9bcd897e6d7b131fd62f71efbc28ddecae2287e/68747470733a2f2f6e6f76617061636b616765732e636f6d2f2f73746f726167652f73637265656e73686f74732f5841565676754c61415866704e52756c33356e675462476e3468614c703679444d4856306a3559672e6a7067) Contributing ------------ [](#contributing) Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. License ------- [](#license) [MIT](https://choosealicense.com/licenses/mit/) ### Health Score 31 — LowBetter than 68% of packages Maintenance12 Infrequent updates — may be unmaintained Popularity36 Limited adoption so far Community17 Small or concentrated contributor base Maturity49 Maturing project, gaining track record Bus Factor1 Top contributor holds 80% 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 2065d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/35ddc82dd768af64d0cf4ea1437711dfa918fb9109d182cfdb20f9538734f84a?d=identicon)[Apatrid](/maintainers/Apatrid) --- Top Contributors [![Apatrid](https://avatars.githubusercontent.com/u/3986799?v=4)](https://github.com/Apatrid "Apatrid (8 commits)")[![markwillis82](https://avatars.githubusercontent.com/u/388159?v=4)](https://github.com/markwillis82 "markwillis82 (1 commits)")[![s-ioannidis](https://avatars.githubusercontent.com/u/134589130?v=4)](https://github.com/s-ioannidis "s-ioannidis (1 commits)") --- Tags laravel-nova-fieldlaravelnova ### Embed Badge ![Health badge](/badges/kraftbit-nova-tinymce5-editor/health.svg) ``` [![Health](https://phpackages.com/badges/kraftbit-nova-tinymce5-editor/health.svg)](https://phpackages.com/packages/kraftbit-nova-tinymce5-editor) ``` ### Alternatives [optimistdigital/nova-multiselect-field A multiple select field for Laravel Nova. 3403.5M7](/packages/optimistdigital-nova-multiselect-field)[coreproc/nova-notification-feed A Laravel Nova package that adds a notification feed in your Nova app. 10149.1k](/packages/coreproc-nova-notification-feed)[inspheric/nova-defaultable Default values for Nova fields when creating resources and running resource actions. 51174.8k1](/packages/inspheric-nova-defaultable)[cybercog/laravel-nova-ban A Laravel Nova banning functionality for your application. 40199.8k](/packages/cybercog-laravel-nova-ban)[insenseanalytics/nova-server-monitor A Laravel Nova tool for Spatie's Server Monitor library. 6546.9k](/packages/insenseanalytics-nova-server-monitor)[datomatic/nova-detached-actions A Laravel Nova tool to allow for placing actions in the Nova toolbar detached from the checkbox selection mechanism. 11229.2k](/packages/datomatic-nova-detached-actions) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)