Inline translation string editing for Django
Project description
django-cartouche
Django Cartouche enables inline (in-HTML) .po translation editing for Django projects. Click on any string marked for translation in your browser to edit it directly during development.
Installation
Install as a development dependency:
pip install django-cartouche --group dev
# or with uv
uv add django-cartouche --dev
Configuration
django-cartouche should only be installed in development environments. Configure it in your local/development settings file (e.g., settings/local.py or settings/dev.py):
# settings/local.py
from .base import *
DEBUG = True
INSTALLED_APPS += [
"cartouche",
]
MIDDLEWARE += [
"cartouche.middleware.CartoucheMiddleware", # Must be after LocaleMiddleware
]
Conditionally include URLs in your urls.py:
from django.conf import settings
urlpatterns = [
# ...
]
if settings.DEBUG:
urlpatterns += [
path("cartouche/", include("cartouche.urls")),
]
Set the lang attribute on your <html> element for locale detection:
{% load i18n %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
The editor only activates when DEBUG=True, but following these practices ensures cartouche is never present in production.
How It Works
When a page renders, django-cartouche tracks all translation calls (gettext, pgettext) and injects a manifest of translated strings into the HTML response. The frontend script then walks the DOM, finds matching text, and wraps it in editable spans.
When you edit a string and save (blur or press Enter):
- The original source string (
msgid) is used to locate the entry in your.pofile - The
langattribute on<html>determines which locale's.pofile to update - The
.pofile is saved andcompilemessagesruns automatically
For example, if your source is English and you're viewing the site in Spanish (<html lang="es">):
{% trans "Welcome" %}displays "Bienvenido" (fromlocale/es/LC_MESSAGES/django.po)- Clicking on "Bienvenido" lets you edit the Spanish translation
- Saving updates
msgstrin the Spanish.pofile
To edit translations for a different language, switch your site's active locale first. Each language has its own .po file, and the lang attribute tells cartouche which one to modify.
Demo
The project ships with a simple demo project so you can see it in action locally:
cd demo && python manage.py runserver
Notice how changing the strings in-browser modifies your .po files and re-compiles them into .mo files.
Development
uv sync # Install dependencies
uv run pre-commit install # Install git hooks (one-time)
ruff check src/ && ruff format src/ # Lint and format
pytest --cov # Run tests with coverage
Making Commits
Use the interactive CLI for guided conventional commits:
uv run cz commit
Or use standard git with conventional format:
git commit -m "feat: add new feature"
git commit -m "fix(compiler): handle edge case"
Feedback
If you end up using django-cartouche, I'd genuinely like to hear about your experience. Whether you've found it helpful, run into issues or have ideas for improvements, your feedback is welcome.
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Filter files by name, interpreter, ABI, and platform.
If you're not sure about the file name format, learn more about wheel file names.
Copy a direct link to the current filters
File details
Details for the file django_cartouche-0.3.0.tar.gz.
File metadata
- Download URL: django_cartouche-0.3.0.tar.gz
- Upload date:
- Size: 80.1 kB
- Tags: Source
- Uploaded using Trusted Publishing? Yes
- Uploaded via: twine/6.1.0 CPython/3.13.7
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
8b1ad99702a2e8476eac90cee38964c33cabd597c918c909842e9b375f736d73
|
|
| MD5 |
a92b0eeb41e9eca2c63dab6bb02cd5b0
|
|
| BLAKE2b-256 |
a3a61f02fd1c011de3a57071b0399efbd4eccd732b75ae97771a75387b2a1add
|
Provenance
The following attestation bundles were made for django_cartouche-0.3.0.tar.gz:
Publisher:
release.yml on rnegron/django-cartouche
-
Statement:
-
Statement type:
https://in-toto.io/Statement/v1 -
Predicate type:
https://docs.pypi.org/attestations/publish/v1 -
Subject name:
django_cartouche-0.3.0.tar.gz -
Subject digest:
8b1ad99702a2e8476eac90cee38964c33cabd597c918c909842e9b375f736d73 - Sigstore transparency entry: 813191813
- Sigstore integration time:
-
Permalink:
rnegron/django-cartouche@79a3edfbd9ce2b1d99edacb4f689a30c6a18dd78 -
Branch / Tag:
refs/tags/v0.3.0 - Owner: https://github.com/rnegron
-
Access:
public
-
Token Issuer:
https://token.actions.githubusercontent.com -
Runner Environment:
github-hosted -
Publication workflow:
release.yml@79a3edfbd9ce2b1d99edacb4f689a30c6a18dd78 -
Trigger Event:
push
-
Statement type:
File details
Details for the file django_cartouche-0.3.0-py3-none-any.whl.
File metadata
- Download URL: django_cartouche-0.3.0-py3-none-any.whl
- Upload date:
- Size: 11.0 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? Yes
- Uploaded via: twine/6.1.0 CPython/3.13.7
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 |
fc533d450520b0bb3af7d78d5d9872a50090ba9ff57c560b1f8501ec663e5328
|
|
| MD5 |
739a6dcdf7ef5c2bb9c03cfc03251cbd
|
|
| BLAKE2b-256 |
67d552896208707edc908eb31737d76868dfb2b6161c9a0df180dcd087560f64
|
Provenance
The following attestation bundles were made for django_cartouche-0.3.0-py3-none-any.whl:
Publisher:
release.yml on rnegron/django-cartouche
-
Statement:
-
Statement type:
https://in-toto.io/Statement/v1 -
Predicate type:
https://docs.pypi.org/attestations/publish/v1 -
Subject name:
django_cartouche-0.3.0-py3-none-any.whl -
Subject digest:
fc533d450520b0bb3af7d78d5d9872a50090ba9ff57c560b1f8501ec663e5328 - Sigstore transparency entry: 813191816
- Sigstore integration time:
-
Permalink:
rnegron/django-cartouche@79a3edfbd9ce2b1d99edacb4f689a30c6a18dd78 -
Branch / Tag:
refs/tags/v0.3.0 - Owner: https://github.com/rnegron
-
Access:
public
-
Token Issuer:
https://token.actions.githubusercontent.com -
Runner Environment:
github-hosted -
Publication workflow:
release.yml@79a3edfbd9ce2b1d99edacb4f689a30c6a18dd78 -
Trigger Event:
push
-
Statement type: