PHPackages mohamedsabil83/filament-rich-editor-extra - 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. mohamedsabil83/filament-rich-editor-extra ActiveLibrary[Utility & Helpers](/categories/utility) mohamedsabil83/filament-rich-editor-extra ========================================= A set of extra extensions for Filament RichEditor v1.4.0(1w ago)22831MITPHPCI passing Since Oct 4Pushed 2mo agoCompare [ Source](https://github.com/mohamedsabil83/filament-rich-editor-extra)[ Packagist](https://packagist.org/packages/mohamedsabil83/filament-rich-editor-extra)[ Docs](https://github.com/mohamedsabil83/filament-rich-editor-extra)[ Fund](https://paypal.me/technolizer)[ GitHub Sponsors](https://github.com/MohamedSabil83)[ RSS](/packages/mohamedsabil83-filament-rich-editor-extra/feed)WikiDiscussions 1.x Synced today READMEChangelog (5)Dependencies (39)Versions (9)Used By (0) A set of extra extensions for Filament RichEditor ================================================= [](#a-set-of-extra-extensions-for-filament-richeditor) [![Filament RichEditor Extra](art/cover-filament-rich-editor-extra.png)](art/cover-filament-rich-editor-extra.png) [![Latest Version on Packagist](https://camo.githubusercontent.com/01d1c1787ac560611f517820504588482c72011f17ebd34921527666a5de988f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d6f68616d6564736162696c38332f66696c616d656e742d726963682d656469746f722d65787472612e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/mohamedsabil83/filament-rich-editor-extra)[![GitHub Tests Action Status](https://camo.githubusercontent.com/6bb4fe2106160ec64af778d7277c997166130f6473f767d7b53be0aafd62f252/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d6f68616d6564736162696c38332f66696c616d656e742d726963682d656469746f722d65787472612f72756e2d74657374732e796d6c3f6272616e63683d312e78266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/mohamedsabil83/filament-rich-editor-extra/actions?query=workflow%3Arun-tests+branch%3A1.x)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/7b33d3015eb656dca4ddd884f2d79cf2c06dd24b4718977b362b037878a82afb/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d6f68616d6564736162696c38332f66696c616d656e742d726963682d656469746f722d65787472612f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d312e78266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/mohamedsabil83/filament-rich-editor-extra/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3A1.x)[![Total Downloads](https://camo.githubusercontent.com/679a04c8e23e8c6912753718355920f1da0a8dfccab375386c84e4c7239d0623/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d6f68616d6564736162696c38332f66696c616d656e742d726963682d656469746f722d65787472612e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/mohamedsabil83/filament-rich-editor-extra) Extra goodies for the Filament Forms RichEditor (v4). This package ships small, focused extensions that plug straight into your existing editor — no configuration required. ### Currently included: [](#currently-included) - **Text Direction** — `ltr` / `rtl` toolbar buttons that set the direction of the current block. - **Emoji** — a toolbar button that opens a full emoji picker (search, categories, skin tones, the complete Unicode set) and inserts the chosen emoji as plain text. - **Fullscreen** — a toolbar button that expands the editor to fill the viewport (toggle again or press `Esc` to exit). - **Sticky Toolbar** — keeps the toolbar pinned to the top of the viewport while scrolling through a tall editor. Enabled per editor with the `->stickyToolbar()` method. - More to come... Requirements ------------ [](#requirements) Package VersionPHP VersionLaravel VersionFilament Forms Version1.x8.2+11+4.xInstallation ------------ [](#installation) You can install the package via composer: ``` composer require mohamedsabil83/filament-rich-editor-extra ``` Then run the package installer: ``` php artisan filament-rich-editor-extra:install ``` Usage ----- [](#usage) Once installed, the extensions are registered automatically on **every** RichEditor instance — no additional setup is required. Most extensions add toolbar buttons that you opt into a specific editor via `->toolbarButtons()`: ExtensionButton name(s)Text Direction`ltr`, `rtl`Emoji`emoji`Fullscreen`fullscreen`Sticky Toolbar is not a toolbar button — it is enabled with the `->stickyToolbar()` method (see below). ``` use Filament\Forms\Components\RichEditor; RichEditor::make('content') ->label('Content') ->stickyToolbar() ->toolbarButtons([ ['bold', 'italic', 'link'], ['ltr', 'rtl'], ['emoji'], ['fullscreen'], ]); ``` Tip Pass a nested array of button names to group them into separate toolbar sections, or a flat array (e.g. `['emoji', 'ltr', 'rtl']`) to keep them together. ### Text Direction [](#text-direction) Adds **LTR** and **RTL** buttons that set the text direction of the current block (paragraph or heading). The direction is stored as a `dir` attribute and rendered identically on the server, so it round-trips through saving and display. ``` RichEditor::make('content') ->toolbarButtons(['ltr', 'rtl']); ``` ### Emoji [](#emoji) Adds an **emoji** button that opens a full-featured picker (search, categories, skin-tone selection, and the complete Unicode emoji set). Selecting an emoji inserts it as a plain Unicode character, so the content stays portable — no custom node or extra markup is saved. ``` RichEditor::make('content') ->toolbarButtons(['emoji']); ``` The picker is stacked to the toolbar button and is fully responsive: on desktop it opens beneath the button (flipping above it when there isn't enough room), and on small/mobile screens it appears as a bottom sheet. Note The emoji data (~1 MB) is fetched once from a public CDN and then cached in the browser's IndexedDB, so the picker needs network access the first time it is opened. ### Fullscreen [](#fullscreen) Adds a **fullscreen** button that expands the editor (toolbar and content) to fill the viewport so you can write without distractions. Click the button again, or press `Esc`, to return to the inline layout. It is a client-side toggle only — nothing extra is saved with the content. ``` RichEditor::make('content') ->toolbarButtons(['fullscreen']); ``` ### Sticky Toolbar [](#sticky-toolbar) Keeps the toolbar `position: sticky` so it stays pinned to the top of the viewport while you scroll through an editor that is taller than the screen. For an editor that fits within the viewport it has no visible effect, so the toolbar only follows along when there is something to scroll past. While stuck, the toolbar sits above the editor content and surrounding page chrome but below modals and notifications, so those still cover it. Enable it per editor with the `->stickyToolbar()` method — it is not a toolbar button: ``` RichEditor::make('content') ->stickyToolbar(); ``` Pass a boolean or a closure to enable it conditionally: ``` RichEditor::make('content') ->stickyToolbar(fn (): bool => $this->isLongForm); ``` Testing ------- [](#testing) ``` composer test ``` Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](CONTRIBUTING.md) for details. Security Vulnerabilities ------------------------ [](#security-vulnerabilities) Please review [our security policy](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [MohamedSabil83](https://github.com/mohamedsabil83) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 42 ↑ FairBetter than 88% of packages Maintenance91 Actively maintained with recent releases Popularity18 Limited adoption so far Community10 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 65.4% 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 ~44 days Recently: every ~29 days Total 7 Last Release 7d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/1ac2eca0a47bd9d3cde3c713a24b3afa3ba194f7f0e78737bbc8a7701ed42c9d?d=identicon)[mohamedsabil83](/maintainers/mohamedsabil83) --- Top Contributors [![mohamedsabil83](https://avatars.githubusercontent.com/u/10126040?v=4)](https://github.com/mohamedsabil83 "mohamedsabil83 (17 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (7 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (2 commits)") --- Tags laravelmohamedsabil83filament-rich-editor-extra ### Code Quality TestsPest Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/mohamedsabil83-filament-rich-editor-extra/health.svg) ``` [![Health](https://phpackages.com/badges/mohamedsabil83-filament-rich-editor-extra/health.svg)](https://phpackages.com/packages/mohamedsabil83-filament-rich-editor-extra) ``` ### 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. 329530.5k29](/packages/codewithdennis-filament-select-tree)[awcodes/richer-editor A collection of extensions and tools to enhance the Filament Rich Editor field. 3912.9k9](/packages/awcodes-richer-editor)[rawilk/filament-password-input Enhanced password input component for filament. 52263.4k14](/packages/rawilk-filament-password-input)[stephenjude/filament-feature-flags Filament implementation of feature flags and segmentation with Laravel Pennant. 122177.8k1](/packages/stephenjude-filament-feature-flags)[schmeits/filament-character-counter This is a Filament character counter TextField and Textarea form field for Filament v4 and v5 34226.4k13](/packages/schmeits-filament-character-counter)[biostate/filament-menu-builder An Elegant Menu Builder for FilamentPHP 6528.1k2](/packages/biostate-filament-menu-builder) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)