PHPackages                             riodwanto/filament-ace-editor - 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. [Admin Panels](/categories/admin)
4. /
5. riodwanto/filament-ace-editor

ActiveFilament-plugin[Admin Panels](/categories/admin)

riodwanto/filament-ace-editor
=============================

An ACE editor field for Filament forms with syntax highlighting, themes, and autocompletion.

4.1.0(7mo ago)2174.5k↓31.4%15[6 issues](https://github.com/riodwanto/filament-ace-editor/issues)4MITJavaScriptPHP ^8.2

Since Mar 3Pushed 7mo ago1 watchersCompare

[ Source](https://github.com/riodwanto/filament-ace-editor)[ Packagist](https://packagist.org/packages/riodwanto/filament-ace-editor)[ Docs](https://github.com/riodwanto/filament-ace-editor)[ RSS](/packages/riodwanto-filament-ace-editor/feed)WikiDiscussions v4.x Synced 3d ago

READMEChangelog (9)Dependencies (8)Versions (11)Used By (4)

Filament Ace Editor
===================

[](#filament-ace-editor)

[![Latest Version on Packagist](https://camo.githubusercontent.com/46deeea45d02e5729118f1951ba9af34b66db5883e4de62bb97145559ada986c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f72696f6477616e746f2f66696c616d656e742d6163652d656469746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/riodwanto/filament-ace-editor)[![Total Downloads](https://camo.githubusercontent.com/e23d55b412181e5b97f42400710a35b445e7bcec81debc5cb9f7ac6142929a6e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f72696f6477616e746f2f66696c616d656e742d6163652d656469746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/riodwanto/filament-ace-editor)

Ace Editor implementation for Filament Form.

Requirements
------------

[](#requirements)

- PHP 8.2+
- Laravel 11.28+

Version Compatibility
---------------------

[](#version-compatibility)

Package VersionFilament VersionStatus4.1.04.xLatest ✨1.x3.xStable ✅Choose the package version that matches your Filament installation. We recommend using the latest compatible version for the best features and security updates.

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

[](#installation)

You can install the package via composer:

```
composer require riodwanto/filament-ace-editor
```

The package will automatically detect your Filament version and install the compatible release.

Usage
-----

[](#usage)

```
use Riodwanto\FilamentAceEditor\AceEditor;

public function form(Form $form): Form
{
    return $form
        ->schema([
            ...
            AceEditor::make('code_editor')
                ->label('Code Editor')
                ->mode('php')
                ->theme('github')
                ->darkTheme('dracula')
                ->fontSize('14px')
                ->cursorStyle('smooth')
                ->softWrap('free')
                ->tabSize(4)
                ->useSoftTabs(true)
                ->addExtensions(['language_tools', 'beautify'])
                ->customCompletions([
                    'php' => [
                        ['caption' => 'dd()', 'value' => 'dd(${1:variable});', 'meta' => 'Laravel debug helper'],
                        ['caption' => 'collect()', 'value' => 'collect(${1:array});', 'meta' => 'Laravel collection'],
                    ]
                ]),
        ]);
}
```

##### Available methods

[](#available-methods)

MethodInfomodechange editor programming languagethemedefault theme in light modedarkThemedefault theme in dark modeheightset editor heightdisableDarkThemedisable `darkTheme`, `theme` will be used as defaulteditorConfigeditor config will be initialize after `ace` loaded. (it is config that used in `ace.config`)editorOptionseditor options used in `ace.editor.options`, you can set additional ace option here.addExtensionsby default, not all options available in `editorOptions`. you must enable extension first with this method.headerTitleEditor tittlefontSizeSet font size using string (px, rem, em) or integercursorStyleSet cursor style: ace, slim, smooth, wide, smooth-slimsoftWrapControl text wrapping behavior: off, free, printMargin, textWidthshowGutterShow/hide line numbers and breakpointsshowPrintMarginShow/hide vertical print margin linefoldStyleSet code folding style: manual, markbegin, markbeginendtabSizeSet tab size for indentationuseSoftTabsUse spaces instead of tabs for indentationAll default values can be found in the [Configuration section](#config) below.

Publishing
----------

[](#publishing)

You can publish the views using:

```
php artisan vendor:publish --tag="filament-ace-editor-views"
```

You can publish the config file with:

```
php artisan vendor:publish --tag="filament-ace-editor-config"
```

#### Configuration

[](#configuration)

This is the contents of the published config file:

```
return [
    ...

    'base_url' => 'https://cdnjs.cloudflare.com/ajax/libs/ace/1.43.3',
    'file' => 'ace.js',

    'editor_config' => [
        'useWorker' => false
    ],

    'editor_options' => [
        'mode' => 'ace/mode/php',
        'theme' => 'ace/theme/eclipse',
        'enableBasicAutocompletion' => true,
        'enableLiveAutocompletion' => true,
        'liveAutocompletionDelay' => 0,
        'liveAutocompletionThreshold' => 0,
        'enableSnippets' => true,
        'enableInlineAutocompletion' => true,
        'showPrintMargin' => true,
        'wrap' => 'off',
        'animatedScroll' => false,
        'fadeFoldWidgets' => false,
        'displayIndentGuides' => false,
        'highlightGutterLine' => false,
        'showInvisibles' => false,
    ],

    'dark_mode' => [
        'enable' => true,
        'theme' => 'ace/theme/dracula',
    ],

    'enabled_extensions' => [
        'beautify',
        'language_tools',
        'inline_autocomplete',
        'rtl',
        'statusbar',
        'whitespace',
        'searchbox',
    ],

    ...
];
```

Supported Features
------------------

[](#supported-features)

This package supports most of the powerful features from [Ace Editor](https://ace.c9.io/#features):

FeatureSupportSyntax highlighting themes✅ FullAutomatic indent/outdent✅ FullHuge document handling✅ FullSearch and replace✅ FullLine wrapping✅ FullMultiple cursors and selections✅ FullAutocompletion✅ FullSnippets✅ FullCustom key bindings⚠️ LimitedCommand line interface❌ Not supported*Limited: Custom key bindings require additional configuration.*

[![Buy Me A Coffee](https://camo.githubusercontent.com/9f44ce2dc3b3eecdd02598900866ffc518801df1932849703dae1e5ce5031070/68747470733a2f2f7777772e6275796d6561636f666665652e636f6d2f6173736574732f696d672f637573746f6d5f696d616765732f6f72616e67655f696d672e706e67)](https://buymeacoffee.com/riodewanto)

Credits
-------

[](#credits)

- [Rio Dewanto P](https://github.com/riodwanto)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

49

—

FairBetter than 94% of packages

Maintenance59

Moderate activity, may be stable

Popularity43

Moderate usage in the ecosystem

Community22

Small or concentrated contributor base

Maturity60

Established project with proven stability

 Bus Factor1

Top contributor holds 58.3% 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 ~70 days

Recently: every ~19 days

Total

10

Last Release

215d ago

Major Versions

v1.1.1 → 3.x-dev2025-09-16

v1.1.2 → v3.0.02025-09-16

v3.0.0 → 4.0.02025-11-23

PHP version history (2 changes)v1.0.0PHP ^8.1

4.0.0PHP ^8.2

### Community

Maintainers

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

---

Top Contributors

[![riodwanto](https://avatars.githubusercontent.com/u/5293897?v=4)](https://github.com/riodwanto "riodwanto (7 commits)")[![slimani-dev](https://avatars.githubusercontent.com/u/25089144?v=4)](https://github.com/slimani-dev "slimani-dev (2 commits)")[![GlitterCakes](https://avatars.githubusercontent.com/u/5402396?v=4)](https://github.com/GlitterCakes "GlitterCakes (1 commits)")[![inalto](https://avatars.githubusercontent.com/u/6382732?v=4)](https://github.com/inalto "inalto (1 commits)")[![inerba](https://avatars.githubusercontent.com/u/5882517?v=4)](https://github.com/inerba "inerba (1 commits)")

---

Tags

code-editingcode-editorcode-editorsfilamentfilament-ace-editorfilament-formfilament-pluginfilament3filament4laravelsyntax-highlightingphplaravelautocompletelivewirethemescode editorfilamentfilament-formsadmin-paneldark-modesyntax-highlightingfilament fieldace-editorform-fieldcode-editing

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/riodwanto-filament-ace-editor/health.svg)

```
[![Health](https://phpackages.com/badges/riodwanto-filament-ace-editor/health.svg)](https://phpackages.com/packages/riodwanto-filament-ace-editor)
```

###  Alternatives

[spatie/laravel-pdf

Create PDFs in Laravel apps

1.0k4.8M47](/packages/spatie-laravel-pdf)[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3914.6k](/packages/rawilk-profile-filament-plugin)[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)[mradder/filament-logger

Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels.

2317.4k](/packages/mradder-filament-logger)[filament/support

Core helper methods and foundation code for all Filament packages.

2331.0M245](/packages/filament-support)[stephenjude/filament-jetstream

A Laravel starter kit built with Filament inspired by Jetstream.

17760.2k3](/packages/stephenjude-filament-jetstream)

PHPackages © 2026

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