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)
};
}
ಸ್ಟ್ರಿಂಗ್ಗಳು ಹೇಗೆ ಅನುವಾದಿಸಲಾಗುತ್ತವೆ
ನಮ್ಮ ಸರ್ವರ್ಗಳಿಗೆ strings ಸೇರುವಾಗ, ನಾವು ಮೊದಲು ಅವುಗಳನ್ನು ಪರಿಶೀಲಿಸಿ ಉಳಿಸಿಕೊಂಡು, ತಕ್ಷಣವೇ ಮೆಷೀನ್ ಅನುವಾದವನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತೇವೆ. ಮೆಷೀನ್ ಅನುವಾದಗಳು ಸಾಮಾನ್ಯವಾಗಿ ನಮ್ಮ AI ಅನುವಾದಗಳಿಗಿಂತ ಕಡಿಮೆ ಗುಣಮಟ್ಟದದ್ದಾಗಿರುತ್ತವೆಯಾದರೂ, ಅವು ವೇಗವಾದ ಪ್ರಾಥಮಿಕ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಒದಗಿಸುತ್ತವೆ.
ಒಂದೇ ಸಮಯದಲ್ಲಿ, ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್ಗೆ ಉತ್ತಮ ಗುಣಮಟ್ಟದ, ಅತ್ಯಾಧುನಿಕ AI ಅನುವಾದವನ್ನು ತಯಾರಿಸುವುದಕ್ಕಾಗಿ ನಾವು ಅಸಿಂಕ್ರೋನಸ್ ಅನುವಾದ ಕೆಲಸವನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ. AI ಅನುವಾದ ಸಿದ್ಧವಾಗಿದೆ ಎಂದಾದರೂ, ಅದು ಮೆಷಿನ್ ಅನುವಾದವನ್ನು ಬದಲಿಸಿ ಮತ್ತು ನೀವು ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್ಸ್ಗಾಗಿ ಅನುವಾದಗಳನ್ನು ಕೇಳಿದಾಗ ಯಾವಾಗಲೂ ಕಳುಹಿಸಲಾಗುತ್ತದೆ.
ನೀವು ಕೈಯಿಂದ 문자열್ ಅನ್ನು ಅನುವಾದಿಸಿದರೆ, ಆ ಅನುವಾದಗಳು ಪ್ರಾಥಮಿಕತೆ ಪಡೆಯುತ್ತವೆ ಮತ್ತು ಬದಲಿಗೆಯಾಗಿ ಹಿಂತಿರುಗಿಸಲಾಗುತ್ತದೆ.
ಮೂಲಗಳ ಬಳಕೆ
TacoTranslate ಪ್ರಾಜೆಕ್ಟ್ಗಳಲ್ಲಿ ನಾವು ಮೂಲಗಳು ಎಂದು ಕರೆಯುವವುಗಳಿವೆ. ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್ಗಳು ಮತ್ತು ಅನುವಾದಗಳಿಗಾಗಿ ಇದನ್ನು ಪ್ರವೇಶ ಬಿಂದುವುಗಳು, ಫೋಲ್ಡರ್ಗಳು ಅಥವಾ ಗುಂಪುಕಳು ಎಂದು ಭಾವಿಸಬಹುದು.
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}
/>
);
}
ಮೇಲಿನ ಉದಾಹರಣೆ ಸಾದಾ ಪಠ್ಯವಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.