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(5mo ago)2065.8k↓14.2%14[6 issues](https://github.com/riodwanto/filament-ace-editor/issues)4MITJavaScriptPHP ^8.2

Since Mar 3Pushed 5mo 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 1mo 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

50

—

FairBetter than 96% of packages

Maintenance64

Regular maintenance activity

Popularity42

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

169d 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

[creagia/filament-code-field

A Filamentphp input field to edit or view code data.

58289.3k3](/packages/creagia-filament-code-field)[hasnayeen/themes

Themes for Filament panels

339220.9k12](/packages/hasnayeen-themes)[riodwanto/superduper-filament-starter-kit

A comprehensive Laravel Filament 3 💡 starter kit with pre-installed plugins, admin panel, user management, SEO tools, theme customization, and content management for rapid application development

2708.5k](/packages/riodwanto-superduper-filament-starter-kit)[mradder/filament-logger

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

141.1k](/packages/mradder-filament-logger)[tapp/filament-google-autocomplete-field

Filament plugin that provides a Google Autocomplete field

3098.1k](/packages/tapp-filament-google-autocomplete-field)[caresome/filament-neobrutalism-theme

A neobrutalism theme for FilamentPHP admin panels

303.2k](/packages/caresome-filament-neobrutalism-theme)

PHPackages © 2026

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