PHPackages                             curder/filament-rich-editor-source-code - 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 &amp; Helpers](/categories/utility)
4. /
5. curder/filament-rich-editor-source-code

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

curder/filament-rich-editor-source-code
=======================================

Allow Filament 4.x or 5.x View and edit the source code of the rich text editor in the form of a modal.

v0.1.0(1mo ago)076↓50%[1 PRs](https://github.com/curder/filament-rich-editor-source-code/pulls)MITJavaScriptPHP ^8.2CI passing

Since Jan 31Pushed 4d agoCompare

[ Source](https://github.com/curder/filament-rich-editor-source-code)[ Packagist](https://packagist.org/packages/curder/filament-rich-editor-source-code)[ Docs](https://github.com/curder/filament-rich-editor-source-code)[ GitHub Sponsors](https://github.com/curder)[ RSS](/packages/curder-filament-rich-editor-source-code/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (13)Versions (3)Used By (0)

Filament rich editor source code
================================

[](#filament-rich-editor-source-code)

[![Latest Version on Packagist](https://camo.githubusercontent.com/6c227f32ebcd294c4f51b661c5d338325aacf2f1a86a4ceb1ee329c4f29837aa/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6375726465722f66696c616d656e742d726963682d656469746f722d736f757263652d636f64652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/curder/filament-rich-editor-source-code)[![GitHub Tests Action Status](https://camo.githubusercontent.com/26b142cf7702d02ea4a3748ab7c12311f2ba769a46564361b78d1c60b4891c23/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6375726465722f66696c616d656e742d726963682d656469746f722d736f757263652d636f64652f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/curder/filament-rich-editor-source-code/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/cdd19f70a8dc34ab677b4106b96e1c1d219c231065314419d1bca8def72981f9/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6375726465722f66696c616d656e742d726963682d656469746f722d736f757263652d636f64652f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/curder/filament-rich-editor-source-code/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/eec0c04d3e2397e0fafab56cb24f9791dd04f690fa43b7e35d0c1e4cf9413f5e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6375726465722f66696c616d656e742d726963682d656469746f722d736f757263652d636f64652e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/curder/filament-rich-editor-source-code)

Allow Filament 4.x Or 5.x View and edit the source code of the rich text editor in the form field.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require curder/filament-rich-editor-source-code
```

You need to publish the package assets using the following command:

```
php artisan filament:assets
```

You can publish the language files using the following command:

```
php artisan vendor:publish --tag=filament-rich-editor-source-code-translations
```

Usage
-----

[](#usage)

To enable the source code button in the Filament Rich Editor, you need to customize the toolbar buttons by adding the `source-code` button to the array of toolbar buttons.

```
RichEditor::make('html')
    ->toolbarButtons([
        ['source-code'], // Add the `source-code` button to the toolbar.
        [ 'bold', 'italic', 'underline', 'strike', 'subscript', 'superscript', 'link'],
        ['h2', 'h3', 'alignStart', 'alignCenter', 'alignEnd'],
        ['blockquote', 'codeBlock', 'bulletList', 'orderedList'],
        ['table', 'attachFiles', 'customBlocks'], // The `customBlocks` and `mergeTags` tools are also added here if those features are used.
        ['undo', 'redo'],
    ]),
```

Testing
-------

[](#testing)

```
composer test
```

Development
-----------

[](#development)

You can set up the development environment by running the following commands:

Add the following script to your `composer.json` to require the development dependencies:

```
{
    "require": {
        "php": "^8.2",
        "curder/filament-rich-editor-source-code": "@dev",
        "filament/filament": "^5.0",
        "laravel/framework": "^12.0",
        "laravel/tinker": "^2.10.1"
    },
    "repositories": [
        {"type": "path", "url": "/Users/curder/Codes/GitHub/curder/filament-rich-editor-source-code"}
    ]
}
```

Then run:

```
composer update curder/filament-rich-editor-source-code
```

If you change js file, should run the following commands to install dependencies and build assets:

```
# Install the dependencies
pnpm i

# Build the assets initially
node ./bin/build.js
```

And run the following command to your project directory update the assets after changing js files:

```
php artisan filament:assets
```

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

PRs are welcome.

- Keep changes focused.
- Include tests if behavior changes.

Security
--------

[](#security)

If you discover a security issue, please report it privately by emailing the maintainer.

Credits
-------

[](#credits)

- [curder](https://github.com/Curder)

License
-------

[](#license)

MIT. See [LICENSE](LICENSE.md).

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance95

Actively maintained with recent releases

Popularity13

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity37

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% 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

52d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/ac3547ee60617679402b2600ba12a0ac0d213d4ba867952782576e456e9c3149?d=identicon)[curder](/maintainers/curder)

---

Top Contributors

[![curder](https://avatars.githubusercontent.com/u/8327004?v=4)](https://github.com/curder "curder (26 commits)")

---

Tags

filament-pluginfilamentphpfilamentphp-4filamentphp-5laravel-packagelaravelcurderfilament-rich-editor-source-code

###  Code Quality

TestsPest

Static AnalysisPHPStan

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/curder-filament-rich-editor-source-code/health.svg)

```
[![Health](https://phpackages.com/badges/curder-filament-rich-editor-source-code/health.svg)](https://phpackages.com/packages/curder-filament-rich-editor-source-code)
```

###  Alternatives

[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6287.8k1](/packages/hydrat-filament-table-layout-toggle)[eightynine/filament-approvals

Manage approval processes in your filament application

12016.4k1](/packages/eightynine-filament-approvals)[marvinosswald/filament-input-select-affix

this input enables you to render a select next to an input in a seamless fashion

26122.3k1](/packages/marvinosswald-filament-input-select-affix)[marcogermani87/filament-cookie-consent

Easy cookie consent integrations for Filament

1916.7k](/packages/marcogermani87-filament-cookie-consent)[omar-haris/filament-timezone-field

A Laravel Filament component that enables users to choose a specific timezone grouped by regions, with support for multiple languages.

1713.5k1](/packages/omar-haris-filament-timezone-field)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
