PHPackages                             ride/web-i18n-inline - 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. ride/web-i18n-inline

ActiveLibrary

ride/web-i18n-inline
====================

Inline translator

0.1.11(9y ago)0633MITJavaScript

Since Apr 8Pushed 9y ago11 watchersCompare

[ Source](https://github.com/all-ride/ride-web-i18n-inline)[ Packagist](https://packagist.org/packages/ride/web-i18n-inline)[ RSS](/packages/ride-web-i18n-inline/feed)WikiDiscussions master Synced 2mo ago

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

ride/web-i18n-inline
====================

[](#rideweb-i18n-inline)

This module enables a feature to edit translateable labels on your website instead of having to edit translation files.

**Important**: This module adds extra markup to all translateable labels, this might result in strange behaviour. Be careful when using and be aware some errors may occure in the application flow when the translator option is enabled.

### Setup

[](#setup)

This modules works with API calls on the `/api/v1/i18n` endpoint. So you want to secure this path. Go to the top right user menu and navigate to "access control". Here you can secure the path by adding `/api**` or `/api/v1/i18n**` to the list.

A user has to be logged in and have the right permissions in order to use this module.

- Whitelist the `/api/v1/i18n**` path.
- Enable the `permission.i18n.inline.translate` permission.

### Usage

[](#usage)

[![Translation toggle button](/public/img/img-1.png?raw=true "Toggle the inline translator")](/public/img/img-1.png?raw=true)

You can now toggle the translator in the top menu in the backend.

[![Translation interface](/public/img/img-2.png?raw=true "The translation interface")](/public/img/img-2.png?raw=true)

When the translator is enabled, you'll see the translation interface in the bottom left corner. You can click a translation to edit it.

[![Highlighted translation](/public/img/img-3.png?raw=true "A highlighted label")](/public/img/img-3.png?raw=true)

When editing a translation, all labels using that translation will be highlighted. It's also possible to alt+click a translation to quickly open the edit window.

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity13

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity60

Established project with proven stability

 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

Every ~38 days

Recently: every ~65 days

Total

10

Last Release

3328d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6d98d3f0d5db5eb241c6ee74bcee87d1e7dc1aaf7942b933d68e612ee2352eea?d=identicon)[ride-user](/maintainers/ride-user)

---

Top Contributors

[![brendt](https://avatars.githubusercontent.com/u/6905297?v=4)](https://github.com/brendt "brendt (106 commits)")

### Embed Badge

![Health badge](/badges/ride-web-i18n-inline/health.svg)

```
[![Health](https://phpackages.com/badges/ride-web-i18n-inline/health.svg)](https://phpackages.com/packages/ride-web-i18n-inline)
```

PHPackages © 2026

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