TacoTranslate பயன்படுத்துதல்
தொடர்களைப் மொழிபெயர்க்குதல்
தற்போது ஸ்ட்ரிங்குகளை மொழிபெயர்ப்பதற்கான மூன்று வழிகள் உள்ளன: 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 அமைக்கலாம்.
இதைச் சாதிக்க, பல TacoTranslate வழங்குநர்களைப் பயன்படுத்துவது உங்கள் திட்டத்தில் பரிசீலிக்கவும்.
தயவுசெய்து கவனிக்கவும்: ஒரே உரை வெவ்வேறு மூலங்களில் வெவ்வேறு மொழிபெயர்ப்புகளை பெறலாம்.
இறுதியில், ஸ்ட்ரிங்களை origins-களாக எப்படி பிரிப்பது என்பது உங்கள் விருப்பம் மற்றும் தேவைகள் üzerine நிர்ணயிக்கப்படுகிறது. இருப்பினும், ஒரே ஒரு origin-இல் மிக அதிகமான ஸ்ட்ரிங்கள் இருப்பின் ஏற்றுதல் நேரம் அதிகரிக்கலாம் என்பதை கவனத்தில் கொள்ளுங்கள்.
மாறிலிகளை கையாளுதல்
உதாரணமாக பயனர் பெயர்கள், தேதிகள், மின்னஞ்சல் முகவரிகள் மற்றும் பல போன்ற மாறுபடும் உள்ளடக்கங்களுக்கு நீங்கள் எப்போதும் மாறிலிகளை (variables) பயன்படுத்த வேண்டும்.
எழுத்துத் தொடர்களில் மாறிகள் இரட்டை பிராக்கெட்ஸ் பயன்படுத்தி அறிவிக்கப்படுகின்றன, உதாரணமாக {{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}
/>
);
}
மேலே உள்ள உதாரணம் சாதாரண உரையாக காண்பிக்கப்படும்.