ஆவணங்கள்: TacoTranslate ஐ பயன்படுத்துதல்

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

Tamil

அகரவரிகளை மொழியாக்கம் செய்தல்

தற்போது தார்கள் மொழிபெயர்க்க மூன்று வழிகள் உள்ளன: Translate கூறு, useTranslation ஹூக், அல்லது translateEntries பயன்பாட்டை.

Translate கூறியைப் பயன்படுத்துதல்.
span கூறுக்குள் மொழிபெயர்ப்புகளை வெளியிடுகிறது மற்றும் HTML வடிவமைப்பை ஆதரிக்கிறது.

import {Translate} from 'tacotranslate/react';

function Page() {
	return <Translate string="Hello, world!" />;
}

உதாரணமாக, as="p" என்பதை கூறி, கூறகத்தின் (component) மீது கூறு வகையை மாற்றலாம்.

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 அமைக்கலாம்.

இதை அடைய, உங்கள் திட்டத்தில் பல 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}
		/>
	);
}

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

சேவையகம் சார்ந்த உருமாற்றம்