ഡോക്യുമെന്റേഷൻ: TacoTranslate ഉപയോഗിക്കുന്നത്

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

Malayalam

സ്ഥിരം വിവർത്തനം ചെയ്യുന്നു

പ്രത്യേകം മൂന്ന് മാർഗ്ഗങ്ങളുണ്ട് സ്ട്രിംഗുകൾ വിവർത്തനം ചെയ്യാനുള്ളത്: 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 പദ്ധതികളിൽ ഞങ്ങൾ origineകൾ എന്ന് വിളിക്കുന്നതൊന്നുണ്ട്. അവയെ നിങ്ങളുടെ സ്ട്രിങുകളും വിവർത്തനങ്ങളും എന്നിവയ്ക്കുള്ള പ്രവേശനബിന്ദുക്കൾ, ഫോളഡറുകൾ, അല്ലെങ്കിൽ ഗ്രൂപ്പുകൾ എന്നുതായി കാണുക.

import {TacoTranslate} from 'tacotranslate/react';

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

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

കൂടുതൽ സൂക്ഷ്മമായ നിയന്ത്രണത്തിനായി, നിങ്ങൾ ഘടക നിലയിൽ origins ക്രമീകരിക്കാവുന്നതാണ്.

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

ദയവായി ശ്രദ്ധിക്കുക, ഒരേ സ്ട്രിങ് വ്യത്യസ്ത origins-ലിൽ വ്യത്യസ്തമായ പരിഭാഷകൾ ലഭിക്കാം.

അവസാനം, നിങ്ങളുടെ രീതി പ്രകാരം സ്‌ട്രിംഗുകൾ ഓറിയിന്റെസിലേക്ക് വേർതിരിക്കുന്നത് നിങ്ങളുടെ കൈവശം കൂടിയാണ്. എങ്കിലും, ഒരു ഓറിയിനിൽ നിരവധി സ്‌ട്രിംഗുകൾ ഉണ്ടായിരിക്കുകയാണെങ്കിൽ ലോഡിംഗ് സമയം കൂടാൻ സാധ്യതയുണ്ട് എന്ന് ശ്രദ്ധിക്കുക.

വേരിയബിൾസ് കൈകാര്യം ചെയ്യുന്നു

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

സ്ട്രിങ്ങുകളിലെ വെരിയബിൾസ് ഇരട്ട കോഷ്ഠകചിഹ്നങ്ങൾ ഉപയോഗിച്ച് പ്രഖ്യാപിക്കുന്നു, ഉദാഹരണത്തിന് {{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}
		/>
	);
}

മുകളിലുള്ള ഉദാഹരണം സാധാരണ പാഠമായി പ്രകടിപ്പിക്കും.

സർവർ-സൈഡിൽ റെൻഡറിംഗ്