PHPackages                             blackbadge-studio/translation-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. [Localization & i18n](/categories/localization)
4. /
5. blackbadge-studio/translation-editor

ActiveLibrary[Localization & i18n](/categories/localization)

blackbadge-studio/translation-editor
====================================

A Filament plugin that allows editing application translations directly in context via a modal or floating UI.

v1.0.1(3mo ago)0526↓50%[2 PRs](https://github.com/blackbadge-studio/translation-editor/pulls)MITPHPPHP ^8.2CI passing

Since Jan 26Pushed 2mo agoCompare

[ Source](https://github.com/blackbadge-studio/translation-editor)[ Packagist](https://packagist.org/packages/blackbadge-studio/translation-editor)[ Docs](https://github.com/blackbadge-studio/translation-editor)[ GitHub Sponsors](https://github.com/blackbadge-studio)[ RSS](/packages/blackbadge-studio-translation-editor/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (17)Versions (5)Used By (0)

A Filament plugin that allows editing application translations directly in context via a modal or floating UI.
==============================================================================================================

[](#a-filament-plugin-that-allows-editing-application-translations-directly-in-context-via-a-modal-or-floating-ui)

[![Latest Version on Packagist](https://camo.githubusercontent.com/7f337b7f7f30efb4db125f50c60a3d7f0003f426c16a315badaf27499943bded/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f626c61636b62616467652d73747564696f2f7472616e736c6174696f6e2d656469746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/blackbadge-studio/translation-editor)[![GitHub Tests Action Status](https://camo.githubusercontent.com/3e5ef8d85f7d29290057c35fa93981e7fb1925e4b316a6cdc3d22bf0dff678ec/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f626c61636b62616467652d73747564696f2f7472616e736c6174696f6e2d656469746f722f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/blackbadge-studio/translation-editor/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/62d1ed7e4ce0db53633a6d65f2ad946daded0bfade250ce0e5c1628feff97e04/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f626c61636b62616467652d73747564696f2f7472616e736c6174696f6e2d656469746f722f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/blackbadge-studio/translation-editor/actions?query=workflow%3A%22Fix+PHP+code+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/1efe9dba30c20819f8bce09d3ad029b4c02eb866669b90fd1e2c9f36747ba7d0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f626c61636b62616467652d73747564696f2f7472616e736c6174696f6e2d656469746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/blackbadge-studio/translation-editor)

A Filament plugin that provides an in-context translation editor. Edit your application translations directly from any Filament page without leaving the interface. The editor appears as a floating modal that tracks translation keys used on the current page, allowing you to edit and save translations on the fly.

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

[](#installation)

You can install the package via composer:

```
composer require blackbadge-studio/translation-editor
```

Important

If you have not set up a custom theme and are using Filament Panels follow the instructions in the [Filament Docs](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) first.

After setting up a custom theme add the plugin's views to your theme css file or your app's css file if using the standalone packages.

```
@source '../../../../vendor/blackbadge-studio/translation-editor/resources/**/*.blade.php';
```

You can publish and run the migrations with:

```
php artisan vendor:publish --tag="translation-editor-migrations"
php artisan migrate
```

You can publish the config file with:

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

Important

**After updating the package**, if you have already published the config file, you should republish it to get the latest namespace changes:

```
php artisan vendor:publish --tag="translation-editor-config" --force
```

Or manually update your published config file to use the new package namespace (`Blackbadgestudio\TranslationEditor\`) instead of `App\`.

Register the plugin in your Filament panel configuration (usually in `app/Providers/Filament/AdminPanelProvider.php` or similar):

```
use Blackbadgestudio\TranslationEditor\TranslationEditorPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ... other configuration
        ->plugins([
            TranslationEditorPlugin::make(),
            // ... other plugins
        ]);
}
```

Optionally, you can publish the views using

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

This is the contents of the published config file:

```