TacoTranslate பயன்படுத்துதல்
strings-ஐ மொழிபெயர்ப்பு செய்தல்
தறுதியில் மூன்று வழிகளுடன் string-களை மொழிபெயர்க்கலாம்: Translate
கூறு, useTranslation
ஹுக், அல்லது translateEntries
உபகரணம்.
Translate
கூறை பயன்படுத்துதல்.span
அடிப்படையில் மொழிபெயர்ப்புகளை வெளியிடுகிறது, மேலும் HTML ஓவியத்தையும் ஆதரிக்கிறது.
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}
உங்களால் கூறியுள்ள கூறில், உதாரணமாக, as="p"
ஐ பயன்படுத்தி கூறின் வகையை மாற்றலாம்.
useTranslation
ஹூக் பயன்படுத்துவது.
மொழிபெயர்ப்புகளை சாதாரண சரமாக (plain string) 반환 செய்கிறது. உதாரணமாக, 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>
);
}
Origin-கள் உங்களுக்கு ஸ்டிரிங்களை அர்த்தமுள்ள கதவுகளாக பிரிக்க அனுமதிக்கின்றன. உதாரணமாக, ஒரு origin-ஐ ஆவணங்களுக்கு வைத்துக் கொண்டு மற்றொன்றை உங்கள் மார்கெட்டிங் பக்கத்திற்கு பயன்படுத்தலாம்.
மேலும் சிறப்பான கட்டுப்பாட்டுக்காக, நீங்கள் கூறு நிலைமையில் 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 உள்ளடக்கத்தைக் கையளிக்கும் மற்றும்-render செய்கிறது. இருப்பினும், நீங்கள் 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}
/>
);
}
மேலுள்ள எடுத்துக்காட்டு எளிய உரையாக காட்டப்படும்.