Weave Code
Nova Ckeditor4 Field Laravel Package
waynestate/nova-ckeditor4-field
A Laravel Nova field that integrates the CKEditor 4 WYSIWYG editor into your admin panel. Add rich text editing to any Nova resource with configurable toolbars, image and file uploads handled through Nova, and straightforward customization for content-heavy applications.
This nova package allows you to use CKEditor 4 for text areas.
Frequently asked questions about Nova Ckeditor4 Field
- How do I install waynestate/nova-ckeditor4-field in Laravel Nova?
- Install it with composer require waynestate/nova-ckeditor4-field, then add the field class to the fields method of your Nova resource. Publish or register the package assets as described in the README so the Vue component and CKEditor 4 runtime load inside the Nova admin panel. No changes to models, migrations, or routing are required beyond the text column you already have, and a working prototype usually takes well under a day on a compatible Nova version.
- Which Laravel Nova versions does this package support?
- Confirm support for your Nova major version (Nova 4 versus Nova 5) against the repository before sizing the work, because asset registration and Vue conventions differ between them. The field is a thin adapter over Nova's field pipeline, so a Nova major release can break it without a guaranteed upstream fix. Verify in a staging Nova install before rolling it out.
- Does this field handle image and file uploads automatically?
- No. The field persists raw HTML, but wiring an image and file upload endpoint to your application's storage disk is bespoke work you own. Many teams pair it with a media library such as Spatie Media Library or a plain Laravel filesystem disk. Plan for the upload endpoint, storage disk, and permission checks as separate tasks.
- Is CKEditor 4 loaded from a CDN or bundled with the package?
- Check the repository to see whether CKEditor 4 assets are vendored or CDN-loaded. If they come from a CDN you inherit an external availability and integrity dependency; if vendored you take on maintenance of a frozen library. Either way, decide in advance what happens if that asset endpoint changes or is retired.
- Do I need to sanitize HTML before saving with this field?
- Yes. The package does not ship server-side sanitization, so you should clean stored HTML with a library such as HTMLPurifier or mews/purifier and define an allowlist of permitted tags and attributes. This matters because admin-authored HTML is typically rendered to end users. Treat editor output as untrusted input and sanitize on save.
- Is CKEditor 4 being end-of-life a risk for production use?
- Yes. The open-source CKEditor 4 distribution no longer receives security patches, and continued fixes require a paid CKEditor 4 LTS subscription that is time-bounded. Known XSS classes in legacy editors are exactly the failure mode that matters when stored HTML renders to end users. A low author count reduces the blast radius but does not remove it, so budget for an LTS license or a migration to CKEditor 5 or Tiptap.
- How do I customize the CKEditor 4 toolbar in Nova?
- Toolbar configuration is a field-level option, so you set the toolbar groups and items you want and pass them through to the Vue component. Keep the toolbar minimal to shrink the attribute surface you must allowlist during sanitization. Check the README for the exact option name and accepted values.
- What database column type should I use for the CKEditor field?
- Use a nullable text or mediumText column on the resource's model, since content is stored as a single HTML blob. Downstream consumers such as APIs, search indexing, Blade views, and emails receive opaque HTML rather than structured content. If you need structured or block-based content, this field is out of scope.
- Is waynestate/nova-ckeditor4-field actively maintained?
- It is a niche utility with single-institution maintenance from Wayne State University, modest GitHub star counts, and limited ecosystem pressure to keep pace with Nova releases. Assume you may need to patch or fork it yourself. Pin versions and test any Nova or asset pipeline upgrade carefully.
- What are the alternatives to this package for rich text in Nova?
- Alternatives include CKEditor 5, Tiptap-based Nova fields, other maintained rich text packages, and Nova's built-in textarea for simple cases. Because this package stores plain HTML, switching editors later is largely a front-end swap with minimal data migration. Weigh editor lifecycle and maintenance burden against the convenience of a drop-in field.
Weaver
How can I help you explore Laravel packages today?