ContextTranslate aktualisiert

Tanni · 16. Februar 2018

Zum übersetzen von markiertem Text oder ganzen Seiten gibt es ja schon reichlich sehr gute Extensions oder auch hier im Board ein einfaches aber funktionales Google-Bookmarklet.

Als Grundlage zum weiteren Verarbeiten von markiertem Text habe ich trotzdem versucht ContextTranslate aus der Sammlung wieder zum laufen zu bringen. Wer mag, kann es gerne nutzen.

Code

(function () {
	if (location != 'chrome://browser/content/browser.xul')
		return;
	let translate = function () {
		let browserMM = gBrowser.selectedBrowser.messageManager;
		browserMM.addMessageListener('getSelection', function listener(message) {
			let t = (message.data !== '');
			let e = (document.charset || document.characterSet);
			if (t) {
				gBrowser.loadOneTab('http://translate.google.com/translate_t?hl=de-DE#auto|de-DE|' + message.data, null, null, null, false, false);
			} else {
				gBrowser.loadOneTab('http://translate.google.com/translate?u=' + gBrowser.currentURI.spec + '&hl=de-DE&ie=' + e + '&sl=auto&tl=de-DE', null, null, null, false, false);
			};
			browserMM.removeMessageListener('getSelection', listener, true);
		});
		browserMM.loadFrameScript('data:,sendAsyncMessage("getSelection", content.document.getSelection().toString())', true);
	}
	let menuitem = document.createElement('menuitem');
	menuitem.id = 'context-googletranslate';
	menuitem.setAttribute('label', 'GoogleTranslate');
	menuitem.setAttribute('tooltiptext', 'GoogleTranslate');
	menuitem.setAttribute('oncommand', '(' + translate.toString() + ')()');
	menuitem.classList.add('menuitem-iconic');
	//Wer kein Icon möchte kann die nächsten beiden Zeilen auskommentieren/löschen
	//menuitem.style.listStyleImage = 'url("https://translate.google.com/favicon.ico")';
	menuitem.style.listStyleImage = ' url("data:image/png;base64,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")';
	let refItem = document.getElementById('context-inspect');
	refItem.parentNode.insertBefore(menuitem, refItem);
})();

Alles anzeigen

Endor · 16. Februar 2018

Wird gleich mal getestet.
Vielen vielen Dank.
Mfg.
Endor

Son Goku · 16. Februar 2018

Hallo,
Danke erstmal für das Script, endlich ein AddOn äää WE wieder weniger

kurze Frage, gibt es eigentlich einen Trick für Darstellung der umlaute ?

z.B

Code

menuitem.setAttribute('label', 'Google Übersetzer');

wird mir ein fragezeichen angezeigt für das Ü.

Tanni · 17. Februar 2018

Son Goku
Wenn du Notepad++ nutzt und Umlaute nutzen möchtest, speichere das Script mit der Kodierung "UTF-8 ohne BOM". Dann musst du auf Umlaute keine Rücksicht nehmen. Alternativ ändere die Umlaute in Unicode um.

Son Goku · 17. Februar 2018

aa Danke,
ich dachte immer das "UTF-8 ohne BOM" würde in den Einstellungen reichen vom Notepad++.
Anscheinend ja nicht.

[attachment=0]Unbenannt-1.jpg[/attachment]

Endor · 17. Februar 2018

Tanni.
Dein Script funktioniert prima. Wenn Du einverstanden bist, gebe ich es an Mithrandir
weiter, zum Aktualisieren der Version bei Github.

Ich habe dazu nur den Kontextmenü Eintrag, wie in der vorhandenen Version Übersetzen genannt.
Mfg.
Endor

Boersenfeger · 17. Februar 2018

Kann man auch einen anderen Übersetzer einbauen?
Ich nutze eigentlich
https://www.deepl.com/translate
Für eine Anpassung wäre ich sehr dankbar...
Ein Icon wird nicht benötigt...

bigpen · 17. Februar 2018

Boersi, du sprichst mir aus dem Herzen! Ich wäre auch dabei.

Tanni · 17. Februar 2018

Endor
Ja sicher doch, kannst du gerne tun.

@all
Lustig, die Übersetzung über deepl.com hinzubekommen, war auch meine ursprüngliche Motivation, warum ich markierten Text weiterverarbeiten wollte.
Ich habe mit Google angefangen, da die das schön einfach gelöst haben. Man übergibt dort einfach seinen Wunschtext als Parameter an die Webseite und den Rest erledigt die Google-Webseite.

deepl.com macht das nicht so einfach möglich, da dies sicherlich über kurz oder lang oder jetzt schon deren Geschäftsmodell ist/wird. Die stellen eine API zur Verfügung, und dann kann jeder seine Wunsch-GUI drum rumbauen. Muss dafür aber sicher eine Lizenz besitzen(ich habe es nicht weiter recherchiert).

Aktuell gibt die Webseite deepl.com/translator den Wunschtext an http://www.deepl.com/jsonrpc weiter. Dort wird übersetzt. Ein Javascript holt den übersetzten Text dann wieder in deepl.com/translator zurück und verknüpft ihn dann auch noch mit Abfragen von dict.deepl.com.

Es ist kein Problem seinen Text über z.B. ein PHP-Script mit Curl an http://www.deepl.com/jsonrpc zu posten und eine Antwort mit der bzw. mehreren Übersetzungen zu erhalten. Diese müsste man dann aber weiterverarbeiten. Z.B. in einer eigenen Webseite einbetten oder in ein HTML-Gerüst im userchrome Script was wie ein Popup agiert einbauen. Dabei hätten man noch immer nicht die kleinen netten Gimmicks von deepl.com wie z.B. die Alternativübersetzungen. Vermutlich könnte man auch direkt für deepl.com/translator mittels injiziertem Javascript den Text zurückholen....

In jedem Fall ist es kompliziert und wesentlich aufwendiger umzusetzen. Vorallem wahrscheinlich nicht als reine userchrome-Scriptlösung. Oder irgendwer hat noch einen ganz anderen Ansatz/Idee an die Sache ranzugehen.

Endor · 17. Februar 2018

Tanni
Prima. Vielen Dank.
Mfg.
Endor

Tanni · 18. Februar 2018

Mir ist eine andere Idee für deepl.com eingefallen, die zwar bisschen arg "dirty" ist, aber dafür sehr einfach umzusetzen ist. Und trotzdem ein Ansatz der schonmal funktioniert.

Ich übergebe den Text im userchrome-Script genauso als Parameter wie beim obigen Google-Script. Dann übernimmt aber vorläufig ein Greasemonkey-Script die Eingabe auf der deepl.com Website. Alle möglichen Sonderzeichen müssen noch ersetzt/umgewandelt werden. Aber es soll ja nur ein erster Ansatz sein.

Vielleicht können wir ja zusammen ein handelbares Script draus bauen. Bei dem LiveCSS Tool-Script fand ich cool was aus der ersten Idee gewurden ist.

Hier mal die 2 Scripte die als Ausgangslage benötigt werden.

Das userchrome-Script: DeeplComTranslate.uc.js

Code

(function () {
	if (location != 'chrome://browser/content/browser.xul')
		return;
	/* ***************************************************************************************************************** */
	let translate = function () {
		let mm = gBrowser.selectedBrowser.messageManager;
		mm.addMessageListener('getSelection', function listener(message) {
			let t = (message.data !== '');
			let e = (document.charset || document.characterSet);
			let txt = message.data.replace(/ /g, '+');
			if (t) {
				gBrowser.loadOneTab('https://www.deepl.com/translator?t=' + txt, null, null, null, false, false);
			} else {
			alert("Vollseiten-Übersetzung wird von deepl.com noch nicht unterstützt.");
			};
			mm.removeMessageListener('getSelection', listener, true);
		});
		mm.loadFrameScript('data:,sendAsyncMessage("getSelection", content.document.getSelection().toString())', true);
	}
	/* ***************************************************************************************************************** */
	let menuitem = document.createElement('menuitem');
	menuitem.id = 'context-deepltranslate';
	menuitem.setAttribute('label', 'DeeplTranslate');
	menuitem.setAttribute('tooltiptext', 'DeeplTranslate');
	menuitem.setAttribute('oncommand', '(' + translate.toString() + ')()');
	menuitem.classList.add('menuitem-iconic');
	menuitem.style.listStyleImage = 'url("https://www.deepl.com/img/favicon/favicon_16.png")';
	let refItem = document.getElementById('context-inspect');
	refItem.parentNode.insertBefore(menuitem, refItem);
	/* ***************************************************************************************************************** */
})();

Alles anzeigen

Das Greasemonkey-Script

Code

// ==UserScript==
// @name         Deepl.com Translator
// @author       www.camp-firefox.de
// @description  Deepl.com Translator
// @include      https://www.deepl.com/translator*
// ==/UserScript==
//**********************************************************************************************//
var match = /t=([^&#=]*)/.exec(window.location.search);
var t = match[1];
t = t.split('+').join(' ');
document.getElementsByClassName("lmt__textarea lmt__source_textarea lmt__textarea_base_style")[0].value = t;
//**********************************************************************************************//

Alles anzeigen

Falls es hier nicht richtig reinpasst, kann man das ja auch als eigenen Thread abtrennen.

Teilen