Lokaler Textfeld-Übersetzer

Übersetzt markierten Text in Eingabefeldern (`<input>`, `<textarea>`, `contenteditable`) auf beliebigen Webseiten mit Chromes integrierter On-Device-KI (Translator API, Gemini Nano). Warum dieser Übersetzer? (Die Hauptvorteile) Herkömmliche Übersetzungs-Erweiterungen stoßen beim Bearbeiten von Texten im Eingabefeldern oft an zwei große Probleme: Sie zerstören entweder die mühsam erstellte Formatierung (wie Fettungen, Listen oder Links), oder löschen im Text eingebettete Bilder komplett. Diese Erweiterung wurde speziell entwickelt, um genau das zu verhindern: --- Voller Erhalt von Formatierung & Bildern (Rich-Text) In modernen Editoren (z. B. Gmail, Notion, WordPress oder Jira) bleibt die Struktur deines Beitrags komplett unberührt. Nur die reinen Text-Knoten werden übersetzt – deine Formatierungen (`<b>`, `<i>`, Links) und eingefügte Bilder (`<img>`) bleiben exakt an Ort und Stelle. --- 100 % Datenschutz (Kein Cloud-Senden): Deine geschriebenen Texte und vertraulichen Daten werden nicht an Server im Internet gesendet. Die Übersetzung läuft vollständig lokal auf deinem Computer über die integrierte Chrome-KI. Ideal für geschäftliche und private Texte. --- Sicherheitsnetz gegen Textverlust: Bevor der markierte Originaltext durch die Übersetzung ersetzt wird, kopiert die Erweiterung ihn automatisch in deine ZWISCHENABLAGE. Sollte die Übersetzung einmal nicht deinen Vorstellungen entsprechen, kannst du deinen Originaltext jederzeit ganz einfach mit `Strg + V` wieder herstellen. ----------------------------------------------------------------------------------------------------------------------------- Funktionsweise 1. Text in einem Eingabefeld markieren. 2. Den eingestellten Hotkey drücken (Standard: "Alt + Q"). 3. Der markierte Originaltext wird zur Sicherheit in die Zwischenablage kopiert. 4. Die Markierung wird direkt im Feld durch die Übersetzung ersetzt. ---------------------------------------------------------------------------------------------------------------------------------- Einstellungen (Hotkey & Sprachrichtung) Über `chrome://extensions` → bei der Erweiterung auf **Details** → **Erweiterungsoptionen** gelangt man zur Optionsseite. Dort lässt sich einstellen: --- Sprachrichtung: Ausgangssprache und Zielsprache getrennt wählbar (mit Tausch-Button ⇄) aus einer Liste gängiger Sprachen. Default: Deutsch → Englisch. --- Hotkey: Über „Neu aufnehmen“ eine beliebige Tastenkombination aus 2–3 Tasten festlegen (z. B. `Alt + Q` oder `Strg + Umschalt + Ü`). Es ist mindestens ein Modifikator (Strg, Alt oder Umschalt) nötig, damit der Hotkey nicht mit normalem Tippen kollidiert. Änderungen werden über `chrome.storage.sync` gespeichert und wirken sofort auf allen offenen Seiten (kein Neuladen der Erweiterung nötig). Sind mehrere Chrome-Profile über das gleiche Google-Konto synchronisiert, gelten die Einstellungen dort ebenfalls. ------------------------------------------------------------------------------------------------------------------------------------------- Voraussetzungen * Chrome Desktop (Windows/macOS/Linux), aktuelle Version. * Die Translator API muss verfügbar sein. Der Feature-Check läuft automatisch. Falls die API in deiner Chrome-Version noch hinter einem Flag liegt, aktiviere ggf.: * `chrome://flags/#translation-api` → Enabled * Chrome danach neu starten. * Genug freier Speicherplatz für das Sprachmodell (die Erstnutzung pro Sprachpaar lädt das Modell automatisch lokal herunter). Bei einem Wechsel der Sprachrichtung über die Optionsseite wird bei Bedarf das entsprechende neue Modell nachgeladen. -------------------------------------------------------------------------------------------------------------------------------------------- Technischer Hintergrund: Rich-Text-Verhalten (contenteditable) In Rich-Text-Editoren (contenteditable, z. B. Gmail, CMS-Editoren, Notion) wird die Markierung nicht stumpf als reiner Text ersetzt, sondern intelligent verarbeitet: 1. Der markierte Bereich wird als DOM-Fragment geklont. 2. Nur die tatsächlichen **Text-Knoten** darin werden einzeln übersetzt. 3. Formatierungs-Elemente (`<b>`, `<i>`, `<u>`, `<span style="...">`, Listen, Überschriften, Links) und eingebettete `<img>`-Elemente bleiben komplett unverändert erhalten. 4. Das übersetzte Fragment wird an der ursprünglichen Stelle wieder eingefügt. Hinweis zur Übersetzungsqualität bei komplexen Formatierungen: Da jeder Text-Knoten einzeln übersetzt wird (um Formatierung/Bilder zu schützen), kann es vorkommen, dass Sätze, die mitten im Wort/Satz durch ein Formatierungs-Tag unterbrochen sind (z. B. "Das ist **sehr** wichtig"), grammatikalisch etwas weniger flüssig übersetzt werden als ein zusammenhängender Satz. Für normale Absätze, Listenpunkte und Sätze ohne Unterbrechung ist die Qualität hervorragend. Die Zwischenablage erhält bei Rich-Text-Feldern sowohl die Original-Formatierung (`text/html`) als auch einen Klartext-Fallback (`text/plain`). ---------------------------------------------------------------------------------------------------------------------------------------------- Hinweise / Grenzen * Der Hotkey greift nur, wenn ein unterstütztes Feld fokussiert **und** Text darin markiert ist. Ohne Markierung erscheint eine kurze Meldung unten rechts. * Beim ersten Aufruf kann ein kurzer Moment für den lokalen Modell-Download vergehen (der Fortschritt wird als Toast angezeigt). Danach ist die Übersetzung sofort und ohne Verzögerung verfügbar. * Funktioniert in normalen `<textarea>`/`<input type="text">`-Feldern (dort nur Klartext) sowie in `contenteditable`-Bereichen mit vollem Formatierungs- und Bild-Erhalt. Bei React/Vue-gesteuerten Feldern wird der native Value-Setter benutzt, damit das Framework die Änderung erkennt. * Die Berechtigungen sind bewusst minimal gehalten (`clipboardWrite`, keine `host_permissions`), da alles lokal im Content-Script läuft.