Weave Code
Nova Tinymce Field Laravel Package
bythepixel/nova-tinymce-field
A Laravel Nova field that adds a TinyMCE WYSIWYG editor to your resources, giving users rich-text editing for long-form content. Install via Composer and attach it to any Nova resource to swap plain textareas for TinyMCE's formatting and media tools.
A Laravel Nova field that integrates the TinyMCE WYSIWYG editor for rich-text content. It gives Nova resources a familiar, full-featured editing experience with a clean API for defining the field in your resource classes.
- Seamless TinyMCE integration as a native Nova field
- Configurable editor options and toolbars
- Supports HTML content stored directly on your models
- Simple fluent setup in Nova resource definitions
- Works with standard Nova form and detail views
Frequently asked questions about Nova Tinymce Field
- How do I install the bythepixel/nova-tinymce-field package?
- Install the package with Composer in your Laravel Nova application using composer require bythepixel/nova-tinymce-field. Because it is a Nova field package, you normally do not need to publish assets unless the README instructs you to. After installation, add the field to your Nova resource and verify that TinyMCE loads in the Nova UI.
- How do I add a TinyMCE field to a Laravel Nova resource?
- Import the field class provided by the package and add it to your resource's fields method, typically with a call such as TinyMCE::make('Content'). The field then renders TinyMCE instead of a plain textarea in the Nova create and update forms. Check the README for the exact class name and any required options for your package version.
- Can I customize the TinyMCE toolbar and plugins?
- Yes, the field is designed to expose TinyMCE editor configuration so you can customize the toolbar, plugins, and related options. Set these options on the field instance or through the configuration pattern documented by the package. Keep custom plugin assets available to the browser so Nova can initialize TinyMCE correctly.
- Does this package support Laravel Nova 4 and Nova 5?
- Nova field compatibility depends on the package release and its Composer constraints for laravel/nova. Check the package README and release notes for the supported Nova versions before installing or upgrading. If you are on Nova 5, confirm the package version explicitly lists support rather than assuming backward compatibility.
- Is bythepixel/nova-tinymce-field compatible with Laravel 10 or Laravel 11?
- Laravel compatibility is determined by the package's composer.json requirements and the Nova version it supports. Review the package metadata and README for the supported PHP, Laravel, and Nova version ranges. In a production app, test the field in a staging Nova panel before upgrading major Laravel versions.
- How do I configure TinyMCE editor options such as height or menubar?
- Pass TinyMCE options through the field's configuration API as described in the package README, rather than editing vendor files. Options such as height, menubar, plugins, and toolbar can be set per field so different resources use different editor behavior. Keep the configuration in your Nova resource for maintainability.
- Can I use TinyMCE image upload or media plugins with this Nova field?
- You can enable TinyMCE plugins through editor options if the required plugin assets are loaded. Image upload and media handling usually need an application-side upload endpoint or TinyMCE upload handler, because the field primarily integrates the editor into Nova. Confirm the package README for any built-in upload support before implementing your own.
- How should I test a Laravel Nova resource that uses this TinyMCE field?
- Test the Nova resource and model persistence with Laravel feature tests, and use browser-level tests if you need to verify TinyMCE JavaScript behavior. Standard HTTP tests can confirm the field is present and that submitted HTML is stored correctly. Editor initialization and toolbar behavior are better covered with end-to-end browser testing.
- What production concerns should I consider when using TinyMCE in Laravel Nova?
- Make sure TinyMCE assets are allowed by your Content Security Policy and are loaded reliably in production. Sanitize or filter stored rich-text HTML on output to reduce XSS risk, especially if content is rendered on public pages. Consider self-hosting editor assets if your application requires strict CSP, offline support, or vendor CDN independence.
- What are alternatives to bythepixel/nova-tinymce-field for rich text in Laravel Nova?
- Alternatives include Nova's built-in textarea or Markdown fields, other Nova WYSIWYG field packages, and custom TinyMCE integrations built directly into your Nova resources. Choose based on the editor features you need, Nova version support, and whether the package is actively maintained. If you only need basic formatted text, a simpler field may be easier to maintain.
Weaver
How can I help you explore Laravel packages today?