ஆவணம்: TacoTranslate பயன்படுத்துவது

TacoTranslate பயன்படுத்துதல்

Tamil

தொடர்களை மொழிபெயர்க்குதல்

ஸ்ட்ரிங்குகளை மொழிபெயர்ப்பதற்கு தற்போது மூன்று வழிகள் உள்ளன: 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 மொழிபெயர்ப்பு தயாராகும் போது அது இயந்திர மொழிபெயர்க்கை மாற்றும் மற்றும் நீங்கள் உங்கள் உரைகளுக்கான மொழிபெயர்ப்புகளை கோரும் போதெல்லாம் அனுப்பப்படும்.

நீங்கள் ஒரு string-ஐ கைமுறையாக மொழிபெயர்த்திருந்தால், அந்த மொழிபெயர்ப்புகள் முன்னுரிமை பெற்று பதிலாக வழங்கப்படும்.

மூலங்களைப் பயன்படுத்துதல்

TacoTranslate திட்டங்களில் நாங்கள் origins என்று அழைக்கும் ஒன்றுகள் உள்ளன. அவற்றை உங்கள் தொடர்கள் மற்றும் மொழிபெயர்ப்புகளுக்கான நுழைவு புள்ளிகள், கோப்புறைகள் அல்லது குழுக்களாக கருதுங்கள்.

import {TacoTranslate} from 'tacotranslate/react';

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

மூலங்கள் உங்கள் உரைகளை பொருத்தமான தொகுதிகளாக பிரிக்க உதவுகின்றன. உதாரணமாக, ஆவணங்களுக்கு ஒரு மூலத்தை வைத்துக் கொள்ளலாம் மற்றும் உங்கள் மார்க்கெட்டிங் பக்கத்திற்காக மற்றொன்று.

மேலும் நுணுக்கமான கட்டுப்பாட்டிற்காக, நீங்கள் கூறு மட்டத்தில் 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 ரெண்டரிங்கை முடக்குவதே மிகுந்த பரிந்துரையாகும்.

எல்லா வெளியீடுகளும் காட்டுவதற்கு முன் எப்போதும் 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}
		/>
	);
}

மேலே உள்ள உதாரணம் சாதாரண உரையாக காட்சியிடப்படும்.

சர்வர் பக்கத்தில் ரெண்டரிங்