TacoTranslate භාවිත කිරීම
ස්ට්රිංගයන් පරිවර්තනය කිරීම
දැන් විස්තර කිරීමට ඇති උපරිම තුන් ක්රම ද ඇත: Translate
සංරචකය, useTranslation
හුක්, හෝ translateEntries
උපයෝගිතාව.
Translate
කොම්පොනන්ට් එක භාවිතා කිරීම.span
මූලද්රව්යයක් තුළ පරිවර්තන සැපයීම හා HTML දර්ශනයට සහය දක්වයි.
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}
ඔබට උදාහරණයක් ලෙස, කොම්පොනන්ට් මත as="p"
භාවිතා කරමින් මූලද්රව්ය වර්ගය වෙනස් කළ හැකිය.
useTranslation
hook භාවිත කිරීම.
පරිවර්තන සාමාන්ය පෙළක් ලෙස ප්රතිලාභ කරයි. උදාහරණයක් ලෙස, 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 ව්Proyecto වලට අපි origins ලෙස හැඳින්වෙන දෙයක් අඩංගු වේ. ඒවා ඔබගේ ස්ත්රීල් සහ පරිවර්තන සඳහා පිවිසුම් වට, ෆෝල්ඩර් හෝ කණ්ඩායම් ලෙස සිතන්න.
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}
ආරම්භකයන් ඔබට වචන අර්ථවත් සංරක්ෂකවලට වෙන් කළ හැකිය. උදාහරණයක් ලෙස, ඔබට ලේඛන සඳහා එක් ආරම්භකයක් සහ ඔබගේ අලෙවිකරණ පිටුව සඳහා වෙනත් ආරම්භකයක් තිබිය හැක.
වැඩි විස්තරාත්මක පාලනයක් සඳහා, ඔබට කොම්පෝනන්ට් මට්ටමේ origins සැකසිය හැක.
මෙයට ළඟා වීමට, ඔබගේ ව්යාපෘතිය තුල බහු TacoTranslate සපයන්නන් භාවිතා කිරීම ගැන සළකා බලන්න.
කරුණාකර සලකන්න, එකම පේළිය වෙනස් origins තුළ වෙනස් පරිවර්තන ලබා ගන්න පුළුවන්.
අවසානයේ, ඔබ ස්ට්රින්ග් වගුවලට වෙන්කරන්නේ කෙසේද යන්න ඔබට සහ ඔබේ අවශ්යතාවයන්ට අයත්ය. එහෙත්, එක් origin එකක් තුළ ස්ට්රින්ග් බොහෝමයක් තිබීම ඒකරණයේ පූරණ කාලය වැඩි කළ හැකි බව සළකන්න.
වෙනස්කම් කළමනාකරණය කිරීම
ඔබේ දිනාමික අන්තර්ගත සඳහා, උදාහරණalara ලෙස පරිශීලක නාම, දිනයන්, විද්යුත් තැපැල් ලිපින සහ වෙනත් බහුල භාවිතා වන ද්රව්ය සඳහා සෑම විටම වාරිඇලි භාවිතා කළ යුතුය.
ස්ත්රිංගවල අගයන් දෙගුණ කොටස් භූත ලකුණු භාවිතයෙන් ප්රකාශ කරයි, උදාහරණයක් ලෙස {{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 අන්තර්ගතය සහාය දක්වමින් පෙන්වයි. එNevertheless, ඔබට මෙම හැසිරීමෙන් පිටවීමට 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}
/>
);
}
ඉහත උදාහරණය සාමාන්ය පෙළක් ලෙස ප්රදර්ශනය කරනු ඇත.