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

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

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

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

import {TacoTranslate} from 'tacotranslate/react';

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

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

மேலும் நுணுக்கமான கட்டுப்பாட்டிற்காக, நீங்கள் கூறு மட்டத்தில் origins அமைக்கலாம்.

இதனைச் சாதிக்க, உங்கள் திட்டத்தில் பல TacoTranslate வழங்குநர்களைப் பயன்படுத்த பரிசீலிக்கவும்.

தயவு செய்து கவனிக்கவும்: ஒரே சொற்றொடர் வெவ்வேறு மூலங்களில் வேறுபட்ட மொழிபெயர்ப்புகளைப் பெறலாம்.

இறுதியில், உரைத் தொடர்களை எந்த ஆதாரங்களாகப் பிரிப்பது என்பது உங்களின் விருப்பத்திற்கும் தேவைகளிற்கும் ஏற்பாக இருக்கும். எனினும், ஒரே ஒரு ஆதாரத்தில் நிறைய உரைத் தொடர்கள் இருந்தால் ஏற்றும் நேரம் அதிகமாகலாம்.

மாறிகளை கையாளுதல்

பயனர் பெயர்கள், தேதிகள், மின்னஞ்சல் முகவரிகள் போன்ற மாறும் உள்ளடக்கங்களுக்கு நீங்கள் எப்போதும் மாறிகளைப் பயன்படுத்த வேண்டும்.

Strings-இல் உள்ள மாறிகள் இரட்டை கோடுகள் பயன்படுத்தி அறிவிக்கப்படுகின்றன, உதாரணமாக {{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}
		/>
	);
}

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

சர்வர்-சைடு ரெண்டரிங்