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

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

Malayalam

സ്ട്രിംഗുകൾ വിവർത്തനം ചെയ്യുക

stringവർ‌ തർജ്ജമ ചെയ്‌തെടുക്കാനുള്ള നിലവിലുള്ള മൂന്ന് മാർഗ്ഗങ്ങൾ ഉണ്ട്: 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 നിങ്ങളെ സട്രിങ്ങുകളെ അർത്ഥപൂർണ്ണമായ കണ്ടെയ്‌നറുകളായി വേർതിരിക്കാൻ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, ഒരു Origin ഡോക്യുമെന്റേഷനിന് വേണ്ടി ഉണ്ടാകുകയും മറ്റൊന്ന് നിങ്ങളുടെ മാർക്കറ്റിംഗ് പേജിന് വേണ്ടി ഉണ്ടാകുകയും ചെയ്യാം.

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

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

ദയവായി ശ്രദ്ധിക്കുക, ഒരേ സ്ട്രിംഗ് വ്യത്യസ്ത ഉറവിടങ്ങളിൽ വ്യത്യസ്ത വിവർത്തനങ്ങൾ നേടാം.

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

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

നിങ്ങൾ എപ്പോഴും পরিবর্তനശീലമായ ഉള്ളടക്കത്തിന്, ഉദാഹരണത്തിന്, ഉപയോക്തൃനാമങ്ങൾ, തീയതികൾ, ഇമെയിൽ വിലാസങ്ങൾ, തുടങ്ങിയവയ്ക്കായി വ്യത്യാസങ്ങൾ ഉപയോഗിക്കണം.

സ്ട്രിംഗ്‌സിലുള്ള വ്യത്യാസങ്ങൾ ഇരട്ട ബ്രാക്കറ്റുകൾ ഉപയോഗിച്ച് പ്രഖ്യാപിക്കാറുണ്ട്, ഉദാഹരണത്തിന് {{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 റൻഡറിംഗ് അപ്രത്യക്ഷമാക്കുന്നത് ശക്തമായി ശിപാർଶ ചെയ്യുന്നു.

എല്ലാ ഔട്ട്പുട്ടും altijdാ_RENDER ചെയ്തതിന് മുമ്പായി 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}
		/>
	);
}

മുകളിലുള്ള ഉദാഹരണം സ്ഥിരം എഴുത്തു പോലെ പ്രദർശിപ്പിക്കും.

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