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

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

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

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

import {TacoTranslate} from 'tacotranslate/react';

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

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

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

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

தயவுசெய்து, அதே ஸ்டிரிங் வெவ்வேறு origins-களில் வெவ்வேறு மொழிபெயர்ப்புகளைப் பெறக்கூடும் என்பதை கவனிக்கவும்.

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

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

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

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

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

சர்வர்-பக்கம் உருவாக்கம்