TacoTranslate
/
ഡോക്യുമെന്റേഷൻവിലനിര്‍ണ്ണയം
 
  1. ആമുഖം
  2. ആരംഭിക്കുന്നത്
  3. സജ്ജീകരണവും കോൺഫിഗറേഷനും
  4. TacoTranslate ഉപയോഗിക്കുന്നത്
  5. സെർവർ-സൈഡ് റെൻഡറിങ്
  6. ആധുനിക ഉപയോഗം
  7. ശ്രേഷ്ഠ പ്രവർത്തന രീതികൾ
  8. പിശകുകൾ കൈകാര്യംചെയ്യലും ഡിബഗിംഗും
  9. ആധാരമാക്കിയ ഭാഷകൾ

TacoTranslate ഉപയോഗിക്കുന്നത്

സ്റ്റ്രിങ്ങുകൾ പരിഭാഷപ്പെടുത്തൽ

ഈമേസ്സ് സ്ട്രിംഗുകൾ വിവർത്തനം ചെയ്യുന്നതിനുള്ള മൂന്ന് മാർഗങ്ങൾ നിലവിൽ ഉണ്ട്: Translate ഘടകം, useTranslation ഹുക്ക്, അല്ലെങ്കിൽ translateEntries യൂട്ടിലിറ്റി.


Translate ഘടകം ഉപയോഗിക്കുന്നത്.
span ഘടകത്തിനുള്ളില്‍ തര്‍ജ്ജമകള്‍ പുറത്തെടുക്കുന്നു, കൂടാതെ HTML റെന്‍ഡറിങ്ങ് പിന്തുണയ്ക്കുന്നു.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

ഉദാഹരണത്തിന്, ഘടകത്തിൽ as="p" ഉപയോഗിച്ച് എലമെന്റ് തരം മാറ്റാനാകും.


useTranslation ഹുക്ക് ഉപയോഗിക്കുന്നത്.
പരിശുദ്ധമായ ഒരു സ്ട്രിംഗായി വിവർത്തനങ്ങൾ മടങ്ങിക്കുന്നു. ഉദാഹരണത്തിന്, meta ടാഗുകളിൽ ഇത് ഉപയോഗപ്രദമാണ്.

import {useEffect} from 'react';
import {useTranslation} from 'tacotranslate/react';

function Page() {
	const helloWorld = useTranslation('Hello, world!');

	useEffect(() => {
		alert(helloWorld);
	}, [helloWorld]);

	return (
		<title>{useTranslation('My page title')}</title>
	);
}

translateEntries യൂട്ടിലിറ്റി ഉപയോഗിക്കുക.
സെർവർ സൈഡിൽ സ്ട്രിംഗുകൾ വിവർത്തനം ചെയ്യുക. നിങ്ങളുടെ OpenGraph ചിത്രങ്ങളെ സൂപ്പർചാർജ് ചെയ്യുക.

import {createEntry, translateEntries} from 'tacotranslate';

async function generateMetadata(locale = 'es') {
	const title = createEntry({string: 'Hello, world!'});
	const description = createEntry({string: 'TacoTranslate on the server'});

	const translations = await translateEntries(
		tacoTranslate,
		{origin: 'opengraph', locale},
		[title, description]
	);

	return {
		title: translations(title),
		description: translations(description)
	};
}

സ്ട്രിങുകൾ എങ്ങനെ പരിഭാഷപ്പെടുത്തപ്പെടുന്നു

സ്റ്റ്രിങ്കുകൾ ഞങ്ങളുടെ സെർവറുകളിൽ എത്തുമ്പോൾ, ആദ്യം അവ വെരിഫൈ ചെയ്ത് സംരക്ഷിക്കുകയും പിന്നീട് ഉടൻ മെഷീൻ വിവർത്തനം നൽകുകയും ചെയ്യുന്നു. മെഷീൻ വിവർത്തനങ്ങൾ സാധാരണയായി ഞങ്ങളുടെ AI വിവർത്തനങ്ങൾക്ക് അപേക്ഷിച്ച് ഗുണനിലവാരത്തിൽ കുറവാകും, എളുപ്പത്തിൽ പ്രാരംഭ പ്രതികരണം നൽകുന്നതിലാണ് ഇവയുടെ പ്രധാന സൗകര്യം.

സമകാലീനമായി, നിങ്ങളുടെ സ്ട്രിംഗിനായി ഉയർന്ന നിലവാരമുള്ള, ആധുനിക AI വിവർത്തനം സൃഷ്ടിക്കാൻ അസിങ്ക്രോണസ് വിവർത്തന ജോലി ആരംഭിക്കുന്നു. AI വിവർത്തനം തയ്യാറായ ശേഷം, അത് മെഷീൻ വിവർത്തനത്തെ മാറ്റിസ്ഥാപിച്ച് നിങ്ങൾ നിങ്ങളുടെ സ്ട്രിംഗുകളുടെ വിവർത്തനങ്ങൾ അഭ്യർത്ഥിക്കുന്ന സമയത്ത് അയയ്ക്കപ്പെടും.

നീங்கள் ഒരു സ്ട്രിംഗ് കൈയിലാക്കി വിവർത്തനം ചെയ്തിട്ടുള്ള പക്ഷം, ആ വിവർത്തനങ്ങൾക്ക് മുൻഗണന നൽകപ്പെടും കൂടാതെ അത് തിരികെ നൽകപ്പെടും.

ഉത്ഭവങ്ങള്‍ ഉപയോഗപ്പെടുത്തല്‍

TacoTranslate പ്രോജക്ടുകളിൽ നമ്മൾ origins എന്ന് വിളിക്കുന്നവ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്. അവയെ നിങ്ങളുടെ സ്റ്റ്രിംഗുകൾക്കും വിവർത്തനങ്ങൾക്കും വേണ്ടി ഉള്ള എൻട്രി പോയിന്റുകളായി, ഫോൾഡറുകളായി, അല്ലെങ്കിൽ ഗ്രൂപ്പുകളായി പരിഗണിക്കുക.

import {TacoTranslate} from 'tacotranslate/react';

function Menu() {
	return (
		<TacoTranslate origin="application-menu">
			// ...
		</TacoTranslate>
	);
}

ഉത്ഭവങ്ങൾ നിങ്ങളെ സ്ട്രിംഗുകൾ അർത്ഥപൂർണമുള്ള കണ്ടെയ്‌നറുകളായി വേർതിരിക്കാനാകും. ഉദാഹരണത്തിന്, നിങ്ങള്ക്ക് ഒരു ഉത്ഭവം ഡോകുമെന്റേഷനിനായി കൂടാതെ മറ്റൊന്ന് നിങ്ങളുടെ മാർക്കറ്റിംഗ് പേജിനായി ഉണ്ടാകാൻ കഴിയും.

കൂടുതൽ വിശദമായ നിയന്ത്രണത്തിനായി, നിങ്ങൾക്ക് കോംപോണന്റ് ലെവലിൽ origins സജ്ജമാക്കാമെന്ന് കരുതാം.

ഇത് കൈവരിക്കാൻ, നിങ്ങളുടെ പ്രോജക്ടിനുള്ളിൽ പല TacoTranslate പ്രൊവൈഡർമാരെ ഉപയോഗിക്കുന്നതിനെ പരിഗണിക്കുക.

ദയവായി ശ്രദ്ധിക്കൂ, ഒരേ സ്ട്രിംഗ് വ്യത്യസ്ത origins-ൽ വ്യത്യസ്തമായ വിവർത്തനങ്ങൾ ലഭിച്ചേക്കാം.

അവസാനം, വെള്ളികള്‍ origem-കളായി പിരിച്ചുവെക്കുന്നത് നിങ്ങളുടെ ഇച്ഛയും ആവശ്യങ്ങളും അനുസരിച്ചാണ്. എന്നാല്‍, ഒരേ origem-യില്‍ വളരെ അധികം വെള്ളികള്‍ ഉണ്ടാവുന്നത് ലോഡിങ് സമയം കൂടാന്‍ കാരണമാകാം എന്ന് ശ്രദ്ധിക്കുക.

വേരിയബിളുകൾ കൈകാര്യം ചെയ്യൽ

നിങ്ങൾ ഒരിക്കലും ഡൈനാമിക് ഉള്ളടക്കത്തിന് വേരിയബിളുകൾ ഉപയോഗിക്കേണ്ടതാണ്, ഉദാഹരണത്തിന്, ഉപയോക്തൃനാമങ്ങൾ, തീയതികൾ, ഇ-മെയിൽ വിലാസങ്ങൾ, എന്നിവ.

സ്ട്രിങ്ങുകളിലുള്ള വേരിയബിളുകൾ ഇരട്ട ബ്രാക്കറ്റുകൾ ഉപയോഗിച്ച് പ്രഖ്യാപിക്കപ്പെടുന്നു, ഉദാഹരണത്തിന് {{variable}}.

import {Translate} from 'tacotranslate/react';

function Greeting() {
	const name = 'Juan';
	return <Translate string="Hello, {{name}}!" variables={{name}} />;
}
import {useTranslation} from 'tacotranslate/react';

function useGreeting() {
	const name = 'Juan';
	return useTranslation('Hello, {{name}}!', {variables: {name}});
}

HTML ഉള്ളടക്കം നടത്തിപ്പ്

പ്രാഥമികമായി, Translate ഘടകവും HTML ഉള്ളടക്കം പിന്തുണക്കുകയും പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു. എന്നാൽ, useDangerouslySetInnerHTML ന് false എന്ന് സജ്ജീകരിച്ചാൽ ഈ പ്രവർത്തനം ഒഴിവാക്കാം.

ഉപയോക്തൃ-ഊർമ്മജനിത ഉള്ളടക്കം പോലുള്ള വിശ്വാസിക്കാനാകാത്ത ഉള്ളടക്കം തർജ്ജമ ചെയ്യുമ്പോൾ HTML റെൻഡറിംഗ് നിഷ്ക്രിയമാക്കുന്നത് ശക്തമായി ശുപാർശ ചെയ്യുന്നു.

എല്ലാ ഔട്ട്‌പുട്ടും കാണിക്കുന്നതിന് മുമ്പ് എല്ലായ്പ്പോഴും sanitize-html ഉപയോഗിച്ച് ശുദ്ധവത്കരിക്കപ്പെടുന്നു.

import {Translate} from 'tacotranslate/react';

function Page() {
	return (
		<Translate
			string={`
				Welcome to <strong>my</strong> website.
				I’m using <a href="{{url}}">TacoTranslate</a> to translate text.
			`}
			variables={{url: 'https://tacotranslate.com'}}
			useDangerouslySetInnerHTML={false}
		/>
	);
}

മുകളിൽ ഉള്ള ഉദാഹരണം പ്ലെയിൻ ടെക്സ്റ്റായി റെൻഡർ ചെയ്യും.

സെർവർ-സൈഡ് റെൻഡറിങ്

Nattskiftet ൽ നിന്നുള്ള ഒരു ഉൽപ്പന്നംനോർവെയിൽ നിർമ്മിച്ചത്