diff --git a/web_html_field_translate_dialog/README.rst b/web_html_field_translate_dialog/README.rst
new file mode 100644
index 000000000000..a37061b63d4b
--- /dev/null
+++ b/web_html_field_translate_dialog/README.rst
@@ -0,0 +1,100 @@
+.. image:: https://odoo-community.org/readme-banner-image
+   :target: https://odoo-community.org/get-involved?utm_source=readme
+   :alt: Odoo Community Association
+
+===============================
+Web HTML Field Translate Dialog
+===============================
+
+.. 
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+   !! This file is generated by oca-gen-addon-readme !!
+   !! changes will be overwritten.                   !!
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+   !! source digest: sha256:5a13aaec2fb305abd1c814fdaf78669366e648119b3e025a37fc47ebc2a5b682
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
+.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
+    :target: https://odoo-community.org/page/development-status
+    :alt: Beta
+.. |badge2| image:: https://img.shields.io/badge/license-AGPL--3-blue.png
+    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github
+    :target: https://github.com/OCA/web/tree/19.0/web_html_field_translate_dialog
+    :alt: OCA/web
+.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
+    :target: https://translation.odoo-community.org/projects/web-19-0/web-19-0-web_html_field_translate_dialog
+    :alt: Translate me on Weblate
+.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
+    :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=19.0
+    :alt: Try me on Runboat
+
+|badge1| |badge2| |badge3| |badge4| |badge5|
+
+This module improves the usability of translating **HTML** fields.
+
+The standard translation dialog of an HTML field splits its content into
+individual source terms (chunks) and asks the user to translate each one
+separately. This is technical and hard to use for end users, especially
+on rich content.
+
+With this module, the translation button next to an HTML field opens a
+dialog that shows one **full rich-text editor per installed language**.
+The user reads and edits the whole translation of each language as a
+single block, exactly as the field is edited in the form.
+
+Each language can be toggled between the rich-text editor and a raw
+**HTML source** ("technical") view, so content the editor cannot handle
+safely can still be translated. Values that contain markup the editor
+cannot round-trip (full documents, ``<style>`` blocks or QWeb directives
+such as those found in email templates) open in the HTML source view by
+default.
+
+The standard term-by-term dialog is kept untouched for ``char`` and
+``text`` translatable fields.
+
+**Table of contents**
+
+.. contents::
+   :local:
+
+Bug Tracker
+===========
+
+Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
+In case of trouble, please check there if your issue has already been reported.
+If you spotted it first, help us to smash it by providing a detailed and welcomed
+`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_html_field_translate_dialog%0Aversion:%2019.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
+
+Do not contact contributors directly about support or help with technical issues.
+
+Credits
+=======
+
+Authors
+-------
+
+* ForgeFlow
+
+Contributors
+------------
+
+- Jordi Ballester <jordi.ballester@forgeflow.com>
+
+Maintainers
+-----------
+
+This module is maintained by the OCA.
+
+.. image:: https://odoo-community.org/logo.png
+   :alt: Odoo Community Association
+   :target: https://odoo-community.org
+
+OCA, or the Odoo Community Association, is a nonprofit organization whose
+mission is to support the collaborative development of Odoo features and
+promote its widespread use.
+
+This module is part of the `OCA/web <https://github.com/OCA/web/tree/19.0/web_html_field_translate_dialog>`_ project on GitHub.
+
+You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
diff --git a/web_html_field_translate_dialog/__init__.py b/web_html_field_translate_dialog/__init__.py
new file mode 100644
index 000000000000..0650744f6bc6
--- /dev/null
+++ b/web_html_field_translate_dialog/__init__.py
@@ -0,0 +1 @@
+from . import models
diff --git a/web_html_field_translate_dialog/__manifest__.py b/web_html_field_translate_dialog/__manifest__.py
new file mode 100644
index 000000000000..fa4ba13ab3c0
--- /dev/null
+++ b/web_html_field_translate_dialog/__manifest__.py
@@ -0,0 +1,23 @@
+{
+    "name": "Web HTML Field Translate Dialog",
+    "summary": "Translate HTML fields with a per-language rich-text editor "
+    "instead of the technical term-by-term dialog",
+    "version": "19.0.1.0.0",
+    "category": "Web",
+    "author": "ForgeFlow, Odoo Community Association (OCA)",
+    "website": "https://github.com/OCA/web",
+    "license": "AGPL-3",
+    "depends": ["web", "html_editor"],
+    "installable": True,
+    "auto_install": False,
+    "assets": {
+        "web.assets_backend": [
+            "web_html_field_translate_dialog/static/src/**/*.js",
+            "web_html_field_translate_dialog/static/src/**/*.xml",
+            "web_html_field_translate_dialog/static/src/**/*.scss",
+        ],
+        "web.assets_unit_tests": [
+            "web_html_field_translate_dialog/static/tests/**/*.test.js",
+        ],
+    },
+}
diff --git a/web_html_field_translate_dialog/models/__init__.py b/web_html_field_translate_dialog/models/__init__.py
new file mode 100644
index 000000000000..0e44449338cf
--- /dev/null
+++ b/web_html_field_translate_dialog/models/__init__.py
@@ -0,0 +1 @@
+from . import base
diff --git a/web_html_field_translate_dialog/models/base.py b/web_html_field_translate_dialog/models/base.py
new file mode 100644
index 000000000000..da67fe0b597d
--- /dev/null
+++ b/web_html_field_translate_dialog/models/base.py
@@ -0,0 +1,103 @@
+# Copyright 2025 ForgeFlow S.L.
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+from psycopg2.extras import Json
+
+from odoo import models
+from odoo.tools import SQL
+
+
+class Base(models.AbstractModel):
+    _inherit = "base"
+
+    def _web_translation_langs(self):
+        """Return the language codes a translation dialog should expose.
+
+        These are the installed (active) languages plus ``en_US``, which is
+        always the source language even when it is not active.
+        """
+        langs = [code for code, _name in self.env["res.lang"].get_installed()]
+        if "en_US" not in langs:
+            langs.insert(0, "en_US")
+        return langs
+
+    def web_get_field_translations_full(self, field_name):
+        """Return the *whole* field value for each language.
+
+        Unlike :meth:`~odoo.models.Model.get_field_translations`, which for
+        ``html`` fields (whose ``translate`` attribute is a callable) splits the
+        content into individual source terms, this returns the full value per
+        language so it can be edited as a single rich-text block.
+
+        :param str field_name: name of the translatable field.
+        :return: list of ``{"lang": code, "value": html}`` dictionaries, one per
+            language.
+        """
+        self.ensure_one()
+        self.check_access("read")
+        record = self.with_context(check_translations=True, prefetch_langs=True)
+        return [
+            {"lang": lang, "value": record.with_context(lang=lang)[field_name] or ""}
+            for lang in self._web_translation_langs()
+        ]
+
+    def web_set_field_translations_full(self, field_name, translations):
+        """Write the full value of ``field_name`` for each given language.
+
+        :param str field_name: name of the translatable field.
+        :param dict translations: mapping ``{lang: value}`` with the full value
+            for each language.
+
+        Each language is stored as an independent full value. We write the
+        ``jsonb`` translations column directly (as :meth:`update_field_translations`
+        does for ``translate=True`` fields) instead of writing the field per
+        language context. The latter would, for model-term translated (``html``)
+        fields, re-synchronise terms and overwrite the ``en_US`` source whenever
+        a translation no longer shares the source structure.
+        """
+        self.ensure_one()
+        field = self._fields[field_name]
+        if not field.translate:
+            return False
+        self.check_access("write")
+        self._check_field_access(field, "write")
+        valid_langs = set(self._web_translation_langs())
+
+        # Sanitise every value through the field itself before storing it.
+        values = {}
+        for lang, value in translations.items():
+            if lang not in valid_langs:
+                continue
+            record_lang = self.with_context(lang=lang)
+            values[lang] = field.convert_to_cache(value, record_lang) or None
+        if not values:
+            return False
+
+        # Keep a meaningful ``en_US`` fallback so the source is never lost.
+        fallback = (
+            values.get("en_US")
+            or self.with_context(lang="en_US")[field_name]
+            or next((v for v in values.values() if v is not None), None)
+        )
+        self.invalidate_recordset([field_name])
+        self.env.cr.execute(
+            SQL(
+                """ UPDATE %(table)s
+                    SET %(field)s = NULLIF(
+                        jsonb_strip_nulls(
+                            %(fallback)s
+                            || COALESCE(%(field)s, '{}'::jsonb)
+                            || %(value)s
+                        ),
+                        '{}'::jsonb)
+                    WHERE id = %(id)s
+                """,
+                table=SQL.identifier(self._table),
+                field=SQL.identifier(field_name),
+                fallback=Json({"en_US": fallback}),
+                value=Json(values),
+                id=self.id,
+            )
+        )
+        self.modified([field_name])
+        return True
diff --git a/web_html_field_translate_dialog/pyproject.toml b/web_html_field_translate_dialog/pyproject.toml
new file mode 100644
index 000000000000..4231d0cccb3d
--- /dev/null
+++ b/web_html_field_translate_dialog/pyproject.toml
@@ -0,0 +1,3 @@
+[build-system]
+requires = ["whool"]
+build-backend = "whool.buildapi"
diff --git a/web_html_field_translate_dialog/readme/CONTRIBUTORS.md b/web_html_field_translate_dialog/readme/CONTRIBUTORS.md
new file mode 100644
index 000000000000..00987e563a42
--- /dev/null
+++ b/web_html_field_translate_dialog/readme/CONTRIBUTORS.md
@@ -0,0 +1 @@
+- Jordi Ballester \<<jordi.ballester@forgeflow.com>\>
diff --git a/web_html_field_translate_dialog/readme/DESCRIPTION.md b/web_html_field_translate_dialog/readme/DESCRIPTION.md
new file mode 100644
index 000000000000..f8b4ea986a22
--- /dev/null
+++ b/web_html_field_translate_dialog/readme/DESCRIPTION.md
@@ -0,0 +1,20 @@
+This module improves the usability of translating **HTML** fields.
+
+The standard translation dialog of an HTML field splits its content into
+individual source terms (chunks) and asks the user to translate each one
+separately. This is technical and hard to use for end users, especially on
+rich content.
+
+With this module, the translation button next to an HTML field opens a dialog
+that shows one **full rich-text editor per installed language**. The user reads
+and edits the whole translation of each language as a single block, exactly as
+the field is edited in the form.
+
+Each language can be toggled between the rich-text editor and a raw **HTML
+source** ("technical") view, so content the editor cannot handle safely can
+still be translated. Values that contain markup the editor cannot round-trip
+(full documents, `<style>` blocks or QWeb directives such as those found in
+email templates) open in the HTML source view by default.
+
+The standard term-by-term dialog is kept untouched for `char` and `text`
+translatable fields.
diff --git a/web_html_field_translate_dialog/static/description/index.html b/web_html_field_translate_dialog/static/description/index.html
new file mode 100644
index 000000000000..8e4995681a2e
--- /dev/null
+++ b/web_html_field_translate_dialog/static/description/index.html
@@ -0,0 +1,445 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="Docutils: https://docutils.sourceforge.io/" />
+<title>README.rst</title>
+<style type="text/css">
+
+/*
+:Author: David Goodger (goodger@python.org)
+:Id: $Id: html4css1.css 9511 2024-01-13 09:50:07Z milde $
+:Copyright: This stylesheet has been placed in the public domain.
+
+Default cascading style sheet for the HTML output of Docutils.
+Despite the name, some widely supported CSS2 features are used.
+
+See https://docutils.sourceforge.io/docs/howto/html-stylesheets.html for how to
+customize this style sheet.
+*/
+
+/* used to remove borders from tables and images */
+.borderless, table.borderless td, table.borderless th {
+  border: 0 }
+
+table.borderless td, table.borderless th {
+  /* Override padding for "table.docutils td" with "! important".
+     The right padding separates the table cells. */
+  padding: 0 0.5em 0 0 ! important }
+
+.first {
+  /* Override more specific margin styles with "! important". */
+  margin-top: 0 ! important }
+
+.last, .with-subtitle {
+  margin-bottom: 0 ! important }
+
+.hidden {
+  display: none }
+
+.subscript {
+  vertical-align: sub;
+  font-size: smaller }
+
+.superscript {
+  vertical-align: super;
+  font-size: smaller }
+
+a.toc-backref {
+  text-decoration: none ;
+  color: black }
+
+blockquote.epigraph {
+  margin: 2em 5em ; }
+
+dl.docutils dd {
+  margin-bottom: 0.5em }
+
+object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
+  overflow: hidden;
+}
+
+/* Uncomment (and remove this text!) to get bold-faced definition list terms
+dl.docutils dt {
+  font-weight: bold }
+*/
+
+div.abstract {
+  margin: 2em 5em }
+
+div.abstract p.topic-title {
+  font-weight: bold ;
+  text-align: center }
+
+div.admonition, div.attention, div.caution, div.danger, div.error,
+div.hint, div.important, div.note, div.tip, div.warning {
+  margin: 2em ;
+  border: medium outset ;
+  padding: 1em }
+
+div.admonition p.admonition-title, div.hint p.admonition-title,
+div.important p.admonition-title, div.note p.admonition-title,
+div.tip p.admonition-title {
+  font-weight: bold ;
+  font-family: sans-serif }
+
+div.attention p.admonition-title, div.caution p.admonition-title,
+div.danger p.admonition-title, div.error p.admonition-title,
+div.warning p.admonition-title, .code .error {
+  color: red ;
+  font-weight: bold ;
+  font-family: sans-serif }
+
+/* Uncomment (and remove this text!) to get reduced vertical space in
+   compound paragraphs.
+div.compound .compound-first, div.compound .compound-middle {
+  margin-bottom: 0.5em }
+
+div.compound .compound-last, div.compound .compound-middle {
+  margin-top: 0.5em }
+*/
+
+div.dedication {
+  margin: 2em 5em ;
+  text-align: center ;
+  font-style: italic }
+
+div.dedication p.topic-title {
+  font-weight: bold ;
+  font-style: normal }
+
+div.figure {
+  margin-left: 2em ;
+  margin-right: 2em }
+
+div.footer, div.header {
+  clear: both;
+  font-size: smaller }
+
+div.line-block {
+  display: block ;
+  margin-top: 1em ;
+  margin-bottom: 1em }
+
+div.line-block div.line-block {
+  margin-top: 0 ;
+  margin-bottom: 0 ;
+  margin-left: 1.5em }
+
+div.sidebar {
+  margin: 0 0 0.5em 1em ;
+  border: medium outset ;
+  padding: 1em ;
+  background-color: #ffffee ;
+  width: 40% ;
+  float: right ;
+  clear: right }
+
+div.sidebar p.rubric {
+  font-family: sans-serif ;
+  font-size: medium }
+
+div.system-messages {
+  margin: 5em }
+
+div.system-messages h1 {
+  color: red }
+
+div.system-message {
+  border: medium outset ;
+  padding: 1em }
+
+div.system-message p.system-message-title {
+  color: red ;
+  font-weight: bold }
+
+div.topic {
+  margin: 2em }
+
+h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
+h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
+  margin-top: 0.4em }
+
+h1.title {
+  text-align: center }
+
+h2.subtitle {
+  text-align: center }
+
+hr.docutils {
+  width: 75% }
+
+img.align-left, .figure.align-left, object.align-left, table.align-left {
+  clear: left ;
+  float: left ;
+  margin-right: 1em }
+
+img.align-right, .figure.align-right, object.align-right, table.align-right {
+  clear: right ;
+  float: right ;
+  margin-left: 1em }
+
+img.align-center, .figure.align-center, object.align-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+table.align-center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.align-left {
+  text-align: left }
+
+.align-center {
+  clear: both ;
+  text-align: center }
+
+.align-right {
+  text-align: right }
+
+/* reset inner alignment in figures */
+div.align-right {
+  text-align: inherit }
+
+/* div.align-center * { */
+/*   text-align: left } */
+
+.align-top    {
+  vertical-align: top }
+
+.align-middle {
+  vertical-align: middle }
+
+.align-bottom {
+  vertical-align: bottom }
+
+ol.simple, ul.simple {
+  margin-bottom: 1em }
+
+ol.arabic {
+  list-style: decimal }
+
+ol.loweralpha {
+  list-style: lower-alpha }
+
+ol.upperalpha {
+  list-style: upper-alpha }
+
+ol.lowerroman {
+  list-style: lower-roman }
+
+ol.upperroman {
+  list-style: upper-roman }
+
+p.attribution {
+  text-align: right ;
+  margin-left: 50% }
+
+p.caption {
+  font-style: italic }
+
+p.credits {
+  font-style: italic ;
+  font-size: smaller }
+
+p.label {
+  white-space: nowrap }
+
+p.rubric {
+  font-weight: bold ;
+  font-size: larger ;
+  color: maroon ;
+  text-align: center }
+
+p.sidebar-title {
+  font-family: sans-serif ;
+  font-weight: bold ;
+  font-size: larger }
+
+p.sidebar-subtitle {
+  font-family: sans-serif ;
+  font-weight: bold }
+
+p.topic-title {
+  font-weight: bold }
+
+pre.address {
+  margin-bottom: 0 ;
+  margin-top: 0 ;
+  font: inherit }
+
+pre.literal-block, pre.doctest-block, pre.math, pre.code {
+  margin-left: 2em ;
+  margin-right: 2em }
+
+pre.code .ln { color: gray; } /* line numbers */
+pre.code, code { background-color: #eeeeee }
+pre.code .comment, code .comment { color: #5C6576 }
+pre.code .keyword, code .keyword { color: #3B0D06; font-weight: bold }
+pre.code .literal.string, code .literal.string { color: #0C5404 }
+pre.code .name.builtin, code .name.builtin { color: #352B84 }
+pre.code .deleted, code .deleted { background-color: #DEB0A1}
+pre.code .inserted, code .inserted { background-color: #A3D289}
+
+span.classifier {
+  font-family: sans-serif ;
+  font-style: oblique }
+
+span.classifier-delimiter {
+  font-family: sans-serif ;
+  font-weight: bold }
+
+span.interpreted {
+  font-family: sans-serif }
+
+span.option {
+  white-space: nowrap }
+
+span.pre {
+  white-space: pre }
+
+span.problematic, pre.problematic {
+  color: red }
+
+span.section-subtitle {
+  /* font-size relative to parent (h1..h6 element) */
+  font-size: 80% }
+
+table.citation {
+  border-left: solid 1px gray;
+  margin-left: 1px }
+
+table.docinfo {
+  margin: 2em 4em }
+
+table.docutils {
+  margin-top: 0.5em ;
+  margin-bottom: 0.5em }
+
+table.footnote {
+  border-left: solid 1px black;
+  margin-left: 1px }
+
+table.docutils td, table.docutils th,
+table.docinfo td, table.docinfo th {
+  padding-left: 0.5em ;
+  padding-right: 0.5em ;
+  vertical-align: top }
+
+table.docutils th.field-name, table.docinfo th.docinfo-name {
+  font-weight: bold ;
+  text-align: left ;
+  white-space: nowrap ;
+  padding-left: 0 }
+
+/* "booktabs" style (no vertical lines) */
+table.docutils.booktabs {
+  border: 0px;
+  border-top: 2px solid;
+  border-bottom: 2px solid;
+  border-collapse: collapse;
+}
+table.docutils.booktabs * {
+  border: 0px;
+}
+table.docutils.booktabs th {
+  border-bottom: thin solid;
+  text-align: left;
+}
+
+h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
+h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
+  font-size: 100% }
+
+ul.auto-toc {
+  list-style-type: none }
+
+</style>
+</head>
+<body>
+<div class="document">
+
+
+<a class="reference external image-reference" href="https://odoo-community.org/get-involved?utm_source=readme">
+<img alt="Odoo Community Association" src="https://odoo-community.org/readme-banner-image" />
+</a>
+<div class="section" id="web-html-field-translate-dialog">
+<h1>Web HTML Field Translate Dialog</h1>
+<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!! This file is generated by oca-gen-addon-readme !!
+!! changes will be overwritten.                   !!
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!! source digest: sha256:5a13aaec2fb305abd1c814fdaf78669366e648119b3e025a37fc47ebc2a5b682
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/license-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/19.0/web_html_field_translate_dialog"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/web-19-0/web-19-0-web_html_field_translate_dialog"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/web&amp;target_branch=19.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
+<p>This module improves the usability of translating <strong>HTML</strong> fields.</p>
+<p>The standard translation dialog of an HTML field splits its content into
+individual source terms (chunks) and asks the user to translate each one
+separately. This is technical and hard to use for end users, especially
+on rich content.</p>
+<p>With this module, the translation button next to an HTML field opens a
+dialog that shows one <strong>full rich-text editor per installed language</strong>.
+The user reads and edits the whole translation of each language as a
+single block, exactly as the field is edited in the form.</p>
+<p>Each language can be toggled between the rich-text editor and a raw
+<strong>HTML source</strong> (“technical”) view, so content the editor cannot handle
+safely can still be translated. Values that contain markup the editor
+cannot round-trip (full documents, <tt class="docutils literal">&lt;style&gt;</tt> blocks or QWeb directives
+such as those found in email templates) open in the HTML source view by
+default.</p>
+<p>The standard term-by-term dialog is kept untouched for <tt class="docutils literal">char</tt> and
+<tt class="docutils literal">text</tt> translatable fields.</p>
+<p><strong>Table of contents</strong></p>
+<div class="contents local topic" id="contents">
+<ul class="simple">
+<li><a class="reference internal" href="#bug-tracker" id="toc-entry-1">Bug Tracker</a></li>
+<li><a class="reference internal" href="#credits" id="toc-entry-2">Credits</a><ul>
+<li><a class="reference internal" href="#authors" id="toc-entry-3">Authors</a></li>
+<li><a class="reference internal" href="#contributors" id="toc-entry-4">Contributors</a></li>
+<li><a class="reference internal" href="#maintainers" id="toc-entry-5">Maintainers</a></li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="section" id="bug-tracker">
+<h2><a class="toc-backref" href="#toc-entry-1">Bug Tracker</a></h2>
+<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
+In case of trouble, please check there if your issue has already been reported.
+If you spotted it first, help us to smash it by providing a detailed and welcomed
+<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_html_field_translate_dialog%0Aversion:%2019.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<p>Do not contact contributors directly about support or help with technical issues.</p>
+</div>
+<div class="section" id="credits">
+<h2><a class="toc-backref" href="#toc-entry-2">Credits</a></h2>
+<div class="section" id="authors">
+<h3><a class="toc-backref" href="#toc-entry-3">Authors</a></h3>
+<ul class="simple">
+<li>ForgeFlow</li>
+</ul>
+</div>
+<div class="section" id="contributors">
+<h3><a class="toc-backref" href="#toc-entry-4">Contributors</a></h3>
+<ul class="simple">
+<li>Jordi Ballester &lt;<a class="reference external" href="mailto:jordi.ballester&#64;forgeflow.com">jordi.ballester&#64;forgeflow.com</a>&gt;</li>
+</ul>
+</div>
+<div class="section" id="maintainers">
+<h3><a class="toc-backref" href="#toc-entry-5">Maintainers</a></h3>
+<p>This module is maintained by the OCA.</p>
+<a class="reference external image-reference" href="https://odoo-community.org">
+<img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" />
+</a>
+<p>OCA, or the Odoo Community Association, is a nonprofit organization whose
+mission is to support the collaborative development of Odoo features and
+promote its widespread use.</p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/19.0/web_html_field_translate_dialog">OCA/web</a> project on GitHub.</p>
+<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
+</div>
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.esm.js b/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.esm.js
new file mode 100644
index 000000000000..52e96af0c862
--- /dev/null
+++ b/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.esm.js
@@ -0,0 +1,172 @@
+/* Copyright 2025 ForgeFlow S.L.
+ * License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). */
+
+import {Component, markup, onWillStart, useState} from "@odoo/owl";
+import {Dialog} from "@web/core/dialog/dialog";
+import {
+    MAIN_PLUGINS,
+    NO_EMBEDDED_COMPONENTS_FALLBACK_PLUGINS,
+} from "@html_editor/plugin_sets";
+import {Wysiwyg} from "@html_editor/wysiwyg";
+import {_t, loadLanguages} from "@web/core/l10n/translation";
+import {useService} from "@web/core/utils/hooks";
+import {user} from "@web/core/user";
+
+/**
+ * Return true when the value contains markup the rich-text editor cannot
+ * round-trip safely (full/partial documents, <style> blocks or QWeb
+ * templating directives such as those found in email templates). Such values
+ * should default to the raw HTML ("technical") view so the user does not lose
+ * data by opening them in the WYSIWYG editor.
+ *
+ * @param {String} value
+ * @returns {Boolean}
+ */
+function looksTechnical(value) {
+    if (!value) {
+        return false;
+    }
+    // Document-level tags or embedded stylesheets the editor would strip.
+    if (/<\s*(!doctype|html|head|body|style)\b/i.test(value)) {
+        return true;
+    }
+    // QWeb templating directives (t-out, t-esc, t-field, t-if, t-foreach, ...).
+    if (/\bt-(out|esc|field|raw|if|elif|else|foreach|call|set|att)\b/i.test(value)) {
+        return true;
+    }
+    return false;
+}
+
+/**
+ * Dialog that lets the user translate an HTML field by showing one full
+ * rich-text editor per installed language, instead of the standard dialog that
+ * splits the content into technical source terms.
+ *
+ * Every language can be toggled between the WYSIWYG editor and a raw HTML
+ * ("technical") view. Values that the editor cannot round-trip safely (email
+ * templates, QWeb directives, ...) open in the technical view by default.
+ */
+export class HtmlTranslationDialog extends Component {
+    static template = "web_html_field_translate_dialog.HtmlTranslationDialog";
+    static components = {Dialog, Wysiwyg};
+    static props = {
+        fieldName: String,
+        fieldString: {type: String, optional: true},
+        resId: Number,
+        resModel: String,
+        onSave: Function,
+        close: Function,
+    };
+
+    setup() {
+        this.orm = useService("orm");
+        this.title = this.props.fieldString
+            ? _t("Translate: %s", this.props.fieldString)
+            : _t("Translate");
+        // Editor instances, keyed by language code.
+        this.editors = {};
+        this.translations = [];
+        // Reactive per-language state: whether the raw HTML view is shown and
+        // the current source value (authoritative while the code view is on and
+        // used as the editor content whenever the WYSIWYG is (re)mounted).
+        this.state = useState({codeView: {}, source: {}});
+
+        onWillStart(async () => {
+            const languages = await loadLanguages(this.orm);
+            const translations = await this.orm.call(
+                this.props.resModel,
+                "web_get_field_translations_full",
+                [[this.props.resId], this.props.fieldName]
+            );
+            this.translations = translations.map((term) => {
+                const language = languages.find((lang) => lang[0] === term.lang);
+                return {
+                    lang: term.lang,
+                    langName: language ? language[1] : term.lang,
+                    value: term.value || "",
+                };
+            });
+            this.translations.sort((a, b) => a.langName.localeCompare(b.langName));
+            for (const term of this.translations) {
+                this.state.source[term.lang] = term.value;
+                // Default complex values to the raw HTML view.
+                this.state.codeView[term.lang] = looksTechnical(term.value);
+            }
+        });
+    }
+
+    isCurrentLang(lang) {
+        return lang === user.lang;
+    }
+
+    getConfig(term) {
+        return {
+            // Flag the value as safe HTML (like HtmlField does) so the editor
+            // renders it instead of displaying the escaped markup. The source
+            // string is the single source of truth across view toggles.
+            content: markup(this.state.source[term.lang] || ""),
+            Plugins: [...MAIN_PLUGINS, ...NO_EMBEDDED_COMPONENTS_FALLBACK_PLUGINS],
+            baseContainers: ["DIV", "P"],
+            // Several editor plugins (media, link, ...) expect this callback to
+            // exist; without it the editor crashes on destroy.
+            getRecordInfo: () => ({
+                resModel: this.props.resModel,
+                resId: this.props.resId,
+                field: this.props.fieldName,
+            }),
+        };
+    }
+
+    onEditorLoad(lang, editor) {
+        this.editors[lang] = editor;
+    }
+
+    onCodeInput(lang, ev) {
+        this.state.source[lang] = ev.target.value;
+    }
+
+    /**
+     * Switch a single language between the WYSIWYG editor and the raw HTML
+     * view, keeping the source string in sync so no edit is lost either way.
+     *
+     * @param {String} lang
+     */
+    toggleCodeView(lang) {
+        if (this.state.codeView[lang]) {
+            // Leaving the code view: the source string already holds the latest
+            // textarea content, the editor will mount with it.
+            this.state.codeView[lang] = false;
+        } else {
+            // Entering the code view: capture the current editor content and
+            // drop the (soon unmounted) editor instance.
+            const editor = this.editors[lang];
+            if (editor) {
+                this.state.source[lang] = editor.getContent();
+                this.editors[lang] = null;
+            }
+            this.state.codeView[lang] = true;
+        }
+    }
+
+    getValue(term) {
+        const editor = this.editors[term.lang];
+        if (!this.state.codeView[term.lang] && editor) {
+            return editor.getContent();
+        }
+        return this.state.source[term.lang] || "";
+    }
+
+    async onSave() {
+        const translations = {};
+        for (const term of this.translations) {
+            translations[term.lang] = this.getValue(term);
+        }
+        await this.orm.call(this.props.resModel, "web_set_field_translations_full", [
+            [this.props.resId],
+            this.props.fieldName,
+            translations,
+        ]);
+        await this.props.onSave();
+        this.props.close();
+    }
+}
diff --git a/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.scss b/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.scss
new file mode 100644
index 000000000000..d8be392d475e
--- /dev/null
+++ b/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.scss
@@ -0,0 +1,28 @@
+.o_html_translation_dialog {
+    .o_html_translation_editor {
+        // Give every language editor a comfortable, scrollable working area.
+        max-height: 18rem;
+        overflow-y: auto;
+
+        .o-wysiwyg {
+            min-height: 6rem;
+        }
+
+        // Raw HTML ("technical") view: a plain, resizable code area.
+        textarea.o_codeview {
+            min-height: 12rem;
+            padding: 0.5rem;
+            resize: vertical;
+            white-space: pre;
+
+            &:focus {
+                outline: none;
+                box-shadow: none;
+            }
+        }
+    }
+
+    .o_html_translation_lang.o_language_current > .o_form_label {
+        color: var(--primary);
+    }
+}
diff --git a/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.xml b/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.xml
new file mode 100644
index 000000000000..f64929971335
--- /dev/null
+++ b/web_html_field_translate_dialog/static/src/html_translation_dialog/html_translation_dialog.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="web_html_field_translate_dialog.HtmlTranslationDialog">
+        <Dialog title="title" size="'lg'">
+            <div class="o_html_translation_dialog">
+                <t t-foreach="translations" t-as="term" t-key="term.lang">
+                    <div
+                        class="o_html_translation_lang mb-3"
+                        t-att-class="{o_language_current: isCurrentLang(term.lang)}"
+                    >
+                        <div
+                            class="d-flex align-items-center justify-content-between mb-1"
+                        >
+                            <label class="o_form_label fw-bold" t-esc="term.langName" />
+                            <button
+                                class="o_html_translation_codeview_btn btn btn-sm btn-link p-0"
+                                type="button"
+                                t-att-title="state.codeView[term.lang] ? 'Rich text view' : 'HTML source view'"
+                                t-on-click="() => this.toggleCodeView(term.lang)"
+                            >
+                                <i
+                                    class="fa"
+                                    t-att-class="state.codeView[term.lang] ? 'fa-eye' : 'fa-code'"
+                                />
+                            </button>
+                        </div>
+                        <div class="o_html_translation_editor border rounded">
+                            <t t-if="state.codeView[term.lang]">
+                                <textarea
+                                    class="o_codeview w-100 border-0 font-monospace"
+                                    t-att-value="state.source[term.lang]"
+                                    t-on-input="(ev) => this.onCodeInput(term.lang, ev)"
+                                />
+                            </t>
+                            <t t-else="">
+                                <Wysiwyg
+                                    config="getConfig(term)"
+                                    onLoad="(editor) => this.onEditorLoad(term.lang, editor)"
+                                />
+                            </t>
+                        </div>
+                    </div>
+                </t>
+            </div>
+            <t t-set-slot="footer">
+                <button
+                    class="btn btn-primary"
+                    t-on-click="() => this.onSave()"
+                >Save</button>
+                <button
+                    class="btn btn-secondary"
+                    t-on-click="() => this.props.close()"
+                >Discard</button>
+            </t>
+        </Dialog>
+    </t>
+
+</templates>
diff --git a/web_html_field_translate_dialog/static/src/translation_button/translation_button.esm.js b/web_html_field_translate_dialog/static/src/translation_button/translation_button.esm.js
new file mode 100644
index 000000000000..22befa7432bc
--- /dev/null
+++ b/web_html_field_translate_dialog/static/src/translation_button/translation_button.esm.js
@@ -0,0 +1,45 @@
+/* Copyright 2025 ForgeFlow S.L.
+ * License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). */
+
+import {HtmlTranslationDialog} from "../html_translation_dialog/html_translation_dialog.esm";
+import {Record} from "@web/model/relational_model/record";
+import {TranslationButton} from "@web/views/fields/translation_button";
+import {patch} from "@web/core/utils/patch";
+import {useOwnedDialogs} from "@web/core/utils/hooks";
+
+patch(TranslationButton.prototype, {
+    setup() {
+        super.setup();
+        this.addDialog = useOwnedDialogs();
+    },
+
+    get isHtmlField() {
+        return this.props.record.fields[this.props.fieldName].type === "html";
+    },
+
+    async onClick() {
+        // Keep the standard term-by-term dialog for char/text fields; only HTML
+        // fields get the per-language rich-text dialog.
+        if (!this.isHtmlField) {
+            return super.onClick(...arguments);
+        }
+        const {fieldName, record} = this.props;
+        // In a DynamicList the model root is the list itself, not a Record.
+        const saved =
+            record.model.root instanceof Record
+                ? await record.model.root.save()
+                : await record.save();
+        if (!saved) {
+            return;
+        }
+        this.addDialog(HtmlTranslationDialog, {
+            fieldName: fieldName,
+            fieldString: record.fields[fieldName].string,
+            resId: record.resId,
+            resModel: record.resModel,
+            onSave: async () => {
+                await record.load();
+            },
+        });
+    },
+});
diff --git a/web_html_field_translate_dialog/static/tests/html_translation_dialog.test.js b/web_html_field_translate_dialog/static/tests/html_translation_dialog.test.js
new file mode 100644
index 000000000000..b5dc9f95d100
--- /dev/null
+++ b/web_html_field_translate_dialog/static/tests/html_translation_dialog.test.js
@@ -0,0 +1,208 @@
+/* Copyright 2025 ForgeFlow S.L.
+ * License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). */
+
+import {expect, test} from "@odoo/hoot";
+import {
+    defineModels,
+    fields,
+    models,
+    mountView,
+    onRpc,
+    serverState,
+} from "@web/../tests/web_test_helpers";
+import {click, queryAll, queryFirst} from "@odoo/hoot-dom";
+import {animationFrame} from "@odoo/hoot-mock";
+
+class Partner extends models.Model {
+    txt = fields.Html({string: "Txt", translate: true});
+    _records = [{id: 1, txt: "<p>Hello</p>"}];
+}
+
+class User extends models.Model {
+    _name = "res.users";
+    has_group() {
+        return true;
+    }
+}
+
+defineModels([Partner, User]);
+
+test("html translatable field opens a per-language rich-text dialog", async () => {
+    serverState.lang = "en_US";
+    serverState.multiLang = true;
+
+    onRpc("has_group", () => true);
+    onRpc("res.lang", "get_installed", () => [
+        ["en_US", "English"],
+        ["fr_FR", "French"],
+    ]);
+    onRpc("web_get_field_translations_full", ({args}) => {
+        expect(args[1]).toBe("txt");
+        return [
+            {lang: "en_US", value: "<p>Hello</p>"},
+            {lang: "fr_FR", value: "<p>Bonjour</p>"},
+        ];
+    });
+
+    await mountView({
+        type: "form",
+        resModel: "partner",
+        resId: 1,
+        arch: /* xml */ `<form><field name="txt" widget="html"/></form>`,
+    });
+
+    expect(".o_field_html .btn.o_field_translate").toHaveCount(1, {
+        message: "the translate button should be displayed next to the HTML field",
+    });
+
+    await click(".o_field_html .btn.o_field_translate");
+    await animationFrame();
+
+    expect(".modal .o_html_translation_dialog").toHaveCount(1, {
+        message: "the per-language HTML translation dialog should open",
+    });
+    expect(".o_translation_dialog").toHaveCount(0, {
+        message: "the standard term-by-term dialog should not be used for HTML fields",
+    });
+    expect(".o_html_translation_editor").toHaveCount(2, {
+        message: "there should be one full editor per installed language",
+    });
+    // The HTML must be rendered, not displayed as escaped markup.
+    const editors = queryAll(".o_html_translation_editor [contenteditable=true]");
+    expect(editors[0]).toHaveText("Hello", {
+        message: "the editor should render the HTML, not show the raw tags",
+    });
+    expect(editors[0].querySelector("p")).not.toBe(null, {
+        message: "the value should be parsed as HTML (a <p> element is present)",
+    });
+});
+
+test("the per-language dialog saves the full value of every language", async () => {
+    serverState.lang = "en_US";
+    serverState.multiLang = true;
+
+    onRpc("has_group", () => true);
+    onRpc("res.lang", "get_installed", () => [
+        ["en_US", "English"],
+        ["fr_FR", "French"],
+    ]);
+    onRpc("web_get_field_translations_full", () => [
+        {lang: "en_US", value: "<p>Hello</p>"},
+        {lang: "fr_FR", value: "<p>Bonjour</p>"},
+    ]);
+    onRpc("web_set_field_translations_full", ({args}) => {
+        expect(args[1]).toBe("txt");
+        expect(Object.keys(args[2]).sort()).toEqual(["en_US", "fr_FR"], {
+            message: "the full value of every language should be sent on save",
+        });
+        expect.step("web_set_field_translations_full");
+        return true;
+    });
+
+    await mountView({
+        type: "form",
+        resModel: "partner",
+        resId: 1,
+        arch: /* xml */ `<form><field name="txt" widget="html"/></form>`,
+    });
+
+    await click(".o_field_html .btn.o_field_translate");
+    await animationFrame();
+
+    const saveButton = queryAll(".modal footer .btn-primary")[0];
+    await click(saveButton);
+    await animationFrame();
+
+    expect.verifySteps(["web_set_field_translations_full"]);
+    expect(".modal .o_html_translation_dialog").toHaveCount(0, {
+        message: "the dialog should close after saving",
+    });
+});
+
+test("technical HTML opens in the raw source view and can be toggled", async () => {
+    serverState.lang = "en_US";
+    serverState.multiLang = true;
+
+    onRpc("has_group", () => true);
+    onRpc("res.lang", "get_installed", () => [
+        ["en_US", "English"],
+        ["fr_FR", "French"],
+    ]);
+    onRpc("web_get_field_translations_full", () => [
+        // A QWeb templating directive: must not be opened in the WYSIWYG.
+        {lang: "en_US", value: `<p>Hello <t t-out="object.name"/></p>`},
+        {lang: "fr_FR", value: "<p>Bonjour</p>"},
+    ]);
+
+    await mountView({
+        type: "form",
+        resModel: "partner",
+        resId: 1,
+        arch: /* xml */ `<form><field name="txt" widget="html"/></form>`,
+    });
+
+    await click(".o_field_html .btn.o_field_translate");
+    await animationFrame();
+
+    // The technical (QWeb) language opens as a textarea, the plain one as an editor.
+    expect(".o_html_translation_editor textarea.o_codeview").toHaveCount(1, {
+        message: "the technical value should open in the raw HTML view",
+    });
+    expect(".o_html_translation_editor [contenteditable=true]").toHaveCount(1, {
+        message: "the plain value should still open in the WYSIWYG editor",
+    });
+    expect(queryFirst("textarea.o_codeview").value).toBe(
+        `<p>Hello <t t-out="object.name"/></p>`,
+        {message: "the textarea should hold the raw source, QWeb directive intact"}
+    );
+
+    // Toggle the technical language back to the rich-text editor.
+    await click(
+        ".o_html_translation_lang:first-child .o_html_translation_codeview_btn"
+    );
+    await animationFrame();
+    expect(".o_html_translation_editor textarea.o_codeview").toHaveCount(0, {
+        message: "toggling should replace the textarea with the WYSIWYG editor",
+    });
+    expect(".o_html_translation_editor [contenteditable=true]").toHaveCount(2, {
+        message: "both languages should now show a rich-text editor",
+    });
+});
+
+test("editing in the raw source view is saved verbatim", async () => {
+    serverState.lang = "en_US";
+    serverState.multiLang = true;
+
+    onRpc("has_group", () => true);
+    onRpc("res.lang", "get_installed", () => [["en_US", "English"]]);
+    onRpc("web_get_field_translations_full", () => [
+        {lang: "en_US", value: `<p><t t-out="object.name"/></p>`},
+    ]);
+    onRpc("web_set_field_translations_full", ({args}) => {
+        expect(args[2].en_US).toBe(`<p><t t-out="object.partner_id.name"/></p>`, {
+            message: "the edited raw source should be saved verbatim",
+        });
+        expect.step("web_set_field_translations_full");
+        return true;
+    });
+
+    await mountView({
+        type: "form",
+        resModel: "partner",
+        resId: 1,
+        arch: /* xml */ `<form><field name="txt" widget="html"/></form>`,
+    });
+
+    await click(".o_field_html .btn.o_field_translate");
+    await animationFrame();
+
+    const textarea = queryFirst("textarea.o_codeview");
+    textarea.value = `<p><t t-out="object.partner_id.name"/></p>`;
+    textarea.dispatchEvent(new InputEvent("input"));
+    await animationFrame();
+
+    await click(queryAll(".modal footer .btn-primary")[0]);
+    await animationFrame();
+
+    expect.verifySteps(["web_set_field_translations_full"]);
+});
diff --git a/web_html_field_translate_dialog/tests/__init__.py b/web_html_field_translate_dialog/tests/__init__.py
new file mode 100644
index 000000000000..59d42a3dbbf0
--- /dev/null
+++ b/web_html_field_translate_dialog/tests/__init__.py
@@ -0,0 +1,2 @@
+from . import test_html_field_translation
+from . import test_html_translation_dialog_ui
diff --git a/web_html_field_translate_dialog/tests/test_html_field_translation.py b/web_html_field_translate_dialog/tests/test_html_field_translation.py
new file mode 100644
index 000000000000..9da7e949e5e9
--- /dev/null
+++ b/web_html_field_translate_dialog/tests/test_html_field_translation.py
@@ -0,0 +1,85 @@
+# Copyright 2025 ForgeFlow S.L.
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+from odoo.tests import Form, TransactionCase
+
+
+class TestHtmlFieldTranslation(TransactionCase):
+    """Exercise the per-language full-value translation helpers on a
+    translatable HTML field that is shown in a form view.
+
+    A small custom model with a translatable ``html`` field (which becomes a
+    ``html_translate`` callable field, i.e. exactly the kind whose standard
+    dialog splits the content into terms) and its own form view are created so
+    the behaviour can be reproduced through a :class:`~odoo.tests.Form`.
+    """
+
+    @classmethod
+    def setUpClass(cls):
+        super().setUpClass()
+        cls.env["res.lang"]._activate_lang("fr_FR")
+        model = cls.env["ir.model"].create(
+            {"name": "HTML Translate Test", "model": "x_html_translate_test"}
+        )
+        cls.env["ir.model.fields"].create(
+            {
+                "name": "x_body",
+                "field_description": "Body",
+                "model_id": model.id,
+                "ttype": "html",
+                # In Odoo 19 ir.model.fields.translate is a Selection;
+                # "html_translate" yields a term-translated HTML field.
+                "translate": "html_translate",
+            }
+        )
+        cls.view = cls.env["ir.ui.view"].create(
+            {
+                "name": "x_html_translate_test.form",
+                "model": "x_html_translate_test",
+                "type": "form",
+                "arch": """
+                    <form>
+                        <field name="x_body" widget="html"/>
+                    </form>
+                """,
+            }
+        )
+        cls.TestModel = cls.env["x_html_translate_test"]
+        # Set the source (en_US) value the way a user would: through a Form.
+        with Form(cls.TestModel.with_context(lang="en_US"), view=cls.view) as form:
+            form.x_body = "<p>Hello world</p>"
+        cls.record = form.record
+
+    def test_get_field_translations_full_returns_value_per_language(self):
+        result = self.record.web_get_field_translations_full("x_body")
+        by_lang = {term["lang"]: term["value"] for term in result}
+        # Both the source language and the activated language are present.
+        self.assertIn("en_US", by_lang)
+        self.assertIn("fr_FR", by_lang)
+        # The full value is returned, not chunked source terms.
+        self.assertIn("Hello world", by_lang["en_US"])
+        # Without a translation yet, the field falls back to the source value.
+        self.assertIn("Hello world", by_lang["fr_FR"])
+
+    def test_set_field_translations_full_writes_each_language(self):
+        self.record.web_set_field_translations_full(
+            "x_body",
+            {
+                "en_US": "<p>Hello world</p>",
+                "fr_FR": "<p>Bonjour le monde</p>",
+            },
+        )
+        record_en = self.record.with_context(lang="en_US")
+        record_fr = self.record.with_context(lang="fr_FR")
+        self.assertIn("Hello world", record_en.x_body)
+        self.assertIn("Bonjour le monde", record_fr.x_body)
+        # Each language keeps its own full value; the source is not corrupted by
+        # a structurally different translation.
+        self.assertNotIn("Bonjour", record_en.x_body)
+        self.assertNotIn("Hello", record_fr.x_body)
+
+    def test_set_field_translations_full_ignores_non_translatable(self):
+        # ``display_name`` is not translatable here: the method must be a no-op
+        # returning False rather than writing garbage.
+        result = self.record.web_set_field_translations_full("x_name", {"fr_FR": "Nom"})
+        self.assertFalse(result)
diff --git a/web_html_field_translate_dialog/tests/test_html_translation_dialog_ui.py b/web_html_field_translate_dialog/tests/test_html_translation_dialog_ui.py
new file mode 100644
index 000000000000..a1249b873a82
--- /dev/null
+++ b/web_html_field_translate_dialog/tests/test_html_translation_dialog_ui.py
@@ -0,0 +1,19 @@
+# Copyright 2025 ForgeFlow S.L.
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+from odoo.tests import HttpCase, tagged
+
+
+@tagged("post_install", "-at_install")
+class TestHtmlTranslationDialogUI(HttpCase):
+    def test_html_translation_dialog_ui(self):
+        """Run the dialog's web unit (hoot) tests through a headless browser."""
+        self.browser_js(
+            "/web/tests?headless&loglevel=2&preset=desktop"
+            "&timeout=15000&filter=web_html_field_translate_dialog",
+            "",
+            "",
+            login="admin",
+            timeout=900,
+            success_signal="[HOOT] Test suite succeeded",
+        )