PHPackages pdik/filamenteditorjs - 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. [Utility & Helpers](/categories/utility) 4. / 5. pdik/filamenteditorjs ActiveLibrary[Utility & Helpers](/categories/utility) pdik/filamenteditorjs ===================== Filament EditorJs v1.0.0-beta(1y ago)08[4 PRs](https://github.com/pdik/FilamentEditorJs/pulls)MITCSSPHP ^8.1CI passing Since Apr 4Pushed 1mo agoCompare [ Source](https://github.com/pdik/FilamentEditorJs)[ Packagist](https://packagist.org/packages/pdik/filamenteditorjs)[ Docs](https://github.com/pdik/filamenteditorjs)[ GitHub Sponsors](https://github.com/Pdik)[ RSS](/packages/pdik-filamenteditorjs/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (12)Versions (7)Used By (0) Filament EditorJS ================= [](#filament-editorjs) [![Latest Version on Packagist](https://camo.githubusercontent.com/d7393ddb5ac51a70f571eb3cf84a2c63c26542cd8552c8c65dc3d8954a5e1870/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7064696b2f66696c616d656e74656469746f726a732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/pdik/filamenteditorjs)[![GitHub Tests Action Status](https://camo.githubusercontent.com/bbd80ee7c6d72f688fbcca6bd70d7a186a5468563cec7b4ccbe4596e0a6b4c57/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f7064696b2f66696c616d656e74656469746f726a732f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/pdik/filamenteditorjs/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/3a8c73ce608fd9fb5100fb89529c86cc200a1b7c7c45365b66e5a4304831b53e/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f7064696b2f66696c616d656e74656469746f726a732f6669782d7068702d636f64652d7374796c696e672e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/pdik/filamenteditorjs/actions?query=workflow%3A%22Fix+PHP+code+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/09a8946638e8786c6042a312fed307c6b374d91e556daa06d675e8196e39bbeb/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f7064696b2f66696c616d656e74656469746f726a732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/pdik/filamenteditorjs) A **FilamentPHP custom form field** that brings the power of [Editor.js](https://editorjs.io/) into your admin panel. This field gives you a clean, structured, block-style content editor that stores data as JSON โ€” perfect for building rich, flexible, and API-friendly content. Ideal for use cases like blog posts, lesson content, FAQs, or any interface where structured content matters. --- โœจ Features ---------- [](#-features) - โšก Block-style editing with [Editor.js](https://editorjs.io/) - ๐Ÿ”Œ Drop-in Filament form component - ๐Ÿงฑ Configurable tools (header, paragraph, image, list, and more) - ๐Ÿ’พ Stores content as JSON - ๐ŸŽจ Built for the TALL stack (Livewire + Alpine.js) - ๐Ÿ”ง Publishable config and views for customization --- ๐Ÿ“ฆ Installation -------------- [](#-installation) Install via composer: ``` composer require pdik/filamenteditorjs ``` Optional: ``` php artisan vendor:publish --tag="filamenteditorjs-config" php artisan vendor:publish --tag="filamenteditorjs-views" ``` --- ๐Ÿ›  Usage ------- [](#-usage) Inside a Filament form: ``` use Pdik\FilamentEditorJs\Forms\Components\EditorJs; \Pdik\FilamentEditorJs\FilamentEditorJs::make('content') ->label('Content') ->tools(['header', 'paragraph', 'list', 'image']) // Optional: configure active tools ->required(), ``` The field will save content as Editor.js-compatible JSON. You can render it on the frontend with the official Editor.js renderer or any custom solution. Soon there will be a Entry Field to Render the content --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- [](#the-field-will-save-content-as-editorjs-compatible-json-you-can-render-it-on-the-frontend-with-the-official-editorjs-renderer-or-any-custom-solutionsoon-there-will-be-a-entry-field-to-render-the-content) ๐Ÿงช Testing --------- [](#-testing) ``` composer test ``` --- ๐Ÿ—บ Coming Soon ------------- [](#-coming-soon) - ๐Ÿงพ **EditorJS Entries Viewer** โ€“ Easily preview and manage stored Editor.js content inside your Filament panel - ๐Ÿงฉ Tool plugin registration via config - ๐Ÿ›ก๏ธ Validation support for Editor.js blocks - ๐Ÿ“„ Blade component renderer for frontend use --- ๐Ÿ“œ Changelog ----------- [](#-changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. --- ๐Ÿค Contributing -------------- [](#-contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. --- ๐Ÿ” Security ---------- [](#-security) Please review [our security policy](../../security/policy) for guidelines on reporting vulnerabilities. --- ๐Ÿ‘ฅ Credits --------- [](#-credits) - [Pepijn Dik](https://github.com/pdik) - [All Contributors](../../contributors) --- โš–๏ธ License ---------- [](#๏ธ-license) The MIT License (MIT). See [License File](LICENSE.md) for more information. ### Health Score 31 โ€” LowBetter than 68% of packages Maintenance71 Regular maintenance activity Popularity4 Limited adoption so far Community9 Small or concentrated contributor base Maturity36 Early-stage or recently created project Bus Factor2 2 contributors hold 50%+ of commits 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 410d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/e0296b3e05302badcec4e3852353c3dec733a18e2b6e9f2c874ed2b78bf8b3f3?d=identicon)[pdik systems](/maintainers/pdik%20systems) --- Top Contributors [![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (5 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (4 commits)")[![pepijndik](https://avatars.githubusercontent.com/u/23504693?v=4)](https://github.com/pepijndik "pepijndik (2 commits)") --- Tags laravelpdikfilamenteditorjs ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/pdik-filamenteditorjs/health.svg) ``` [![Health](https://phpackages.com/badges/pdik-filamenteditorjs/health.svg)](https://phpackages.com/packages/pdik-filamenteditorjs) ``` ### Alternatives [codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 320392.1k17](/packages/codewithdennis-filament-select-tree)[awcodes/filament-table-repeater A modified version of the Filament Forms Repeater to display it as a table. 262815.1k5](/packages/awcodes-filament-table-repeater)[ralphjsmit/laravel-filament-components A collection of reusable components for Filament. 10972.2k2](/packages/ralphjsmit-laravel-filament-components)[schmeits/filament-character-counter This is a Filament character counter TextField and Textarea form field for Filament v4 and v5 33184.7k6](/packages/schmeits-filament-character-counter)[defstudio/filament-searchable-input A searchable autocomplete input for Filament forms 3212.4k](/packages/defstudio-filament-searchable-input)[hasan-ahani/filament-otp-input Otp input for filament 2678.1k](/packages/hasan-ahani-filament-otp-input) PHPackages ยฉ 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)