📂 Projects

🧾 JSON Web Editor

Edit translations directly in the browser with keyboard navigation and inline search.

JSON Web Editor

The editor lets you review and edit translations in the browser.

Benefits over editing locally

Each target language opens as a tab. When you select a key, you can switch between tabs to see (and edit) that same key across all your language files. This is much faster than opening multiple JSON files locally and hunting for the same key in each one.

How it works

The main view is a table showing each key alongside its source value and target translation. Click a row to open the edit panel on the right, where you can type your changes.

You can have multiple language tabs open at once and drag them to reorder. Changes are tracked per-tab, so switching languages won't lose your edits.

Searching and filtering

The search bar filters by key path, source value, or translation value. For example, you can search the english value and find the corresponding Japanese value.

There are also status filters:

  • Missing - no translation exists
  • Outdated - source changed since the last translation
  • Changed - you've edited it but haven't saved yet

Keyboard shortcuts

The goal for the editor has always been for it to feel intuitive and natural when using it, while also offering powerful localization features.

Below are some of the keyboard shortcuts that exist within the editor:

ActionShortcut
Next keyCtrl + Enter
Previous keyCtrl + Alt + Enter
Save current tabCtrl + S
Save all tabsCtrl + Alt + S
Next tabAlt + →
Previous tabAlt + ←
Close panelEsc

Edit panel actions

When you select a key, the edit panel shows an Actions menu with options depending on the key's state:

For outdated keys:

  • Mark as OK - current language (marks the current key as ok for the current language)
  • Mark as OK - all languages (marks the current key as ok across all languages)

This removes the outdated flag without re-translating. Useful when a source change doesn't affect the meaning.

For translated keys:

  • Clear translation - current language (clears the translation for the current language)
  • Clear translation - all languages (clears the translation across all languages)

This sets the key back to missing. Useful if a translation is wrong and needs retranslating.