TacoTranslate ಬಳಸುವುದು
ಸರಣಿಗಳನ್ನು ಅನುವಾದಿಸಲಾಗುತ್ತಿದೆ
ಈಗಾಗಲೇ ಸ್ಟ್ರಿಂಗ್ಗಳನ್ನು ಭಾಷಾಂತರಿಸುವ ಮೂರು ಮಾರ್ಗಗಳು ಇವೆ: Translate
ಕಂಪೊನೆಂಟ್, useTranslation
ಹುಕ್, ಅಥವಾ translateEntries
ಯೂಟಿಲಿಟಿ.
Translate
ಘಟಕವನ್ನು ಬಳಸುವುದು.
ಅನುವಾದಗಳನ್ನು span
ಅಂಶದೊಳಗೆ ನಿರ್ಗಮಿಸುತ್ತದೆ ಮತ್ತು HTML ರೆಂಡರಿಂಗ್ನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.
import {Translate} from 'tacotranslate/react';
function Page() {
return <Translate string="Hello, world!" />;
}
ನೀವು ಉದಾಹರಣೆಗೆ, ಕಾಂಪೋನენტ್ನಲ್ಲಿ as="p"
ಬಳಸಿ, ಎಲೆಮೆಂಟ್ ಪ್ರಕಾರವನ್ನು ಬದಲಾಯಿಸಬಹುದು.
useTranslation
Hooks ಬಳಸುವುದು.
ಅನುವಾದಗಳನ್ನು ಸಾಮಾನ್ಯ ಸ್ಟ್ರಿಂಗ್ ಆಗಿ ನೀಡುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, 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 ಪ್ರಾಜೆಕ್ಟ್ಗಳಲ್ಲಿ ನಾವು ಮೂಲಗಳು ಎಂದು ಕರೆಯುವವುಗಳಿವೆ. ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್ಗಳು ಮತ್ತು ಅನುವಾದಗಳಿಗಾಗಿ ಇವುಗಳನ್ನು ಪ್ರವೇಶ ಬಿಂದುಗಳು, ಫೋಲ್ಡರ್ಗಳು ಅಥವಾ ಗುಂಪುಗಳಾಗಿ ಪರಿಗಣಿಸಬಹುದು.
import {TacoTranslate} from 'tacotranslate/react';
function Menu() {
return (
<TacoTranslate origin="application-menu">
// ...
</TacoTranslate>
);
}
ಮೂಲಗಳು ನಿಮಗೆ ಸಾಲುಗಳನ್ನು ಅರ್ಥಪೂರ್ಣ ಕಂಟೇನರ್ಗಳಾಗಿ ವಿಭಜಿಸಲು ಅವಕಾಶ ನೀಡುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನಿಮಗೆ ಒಂದು ಮೂಲ ಡಾಕ್ಯುಮೆಂಟೇಶನ್ಗಾಗಿ ಮತ್ತು ಮತ್ತೊಂದು ನಿಮ್ಮ ಮಾರ್ಕೆಟಿಂಗ್ ಪುಟಕ್ಕಾಗಿ ಇರಬಹುದು.
ಮೂಲಭೂತ ನಿಯಂತ್ರಣಕ್ಕಾಗಿ, ನೀವು ಕಾಂಪೋನೆಂಟ್ ಮಟ್ಟದಲ್ಲಿ origins ಅನ್ನು ಸೆಟ್ಅಪ್ ಮಾಡಬಹುದು.
ಈಗ ಇದು ಸಾಧಿಸಲು, ನಿಮ್ಮ ಯೋಜನೆಯೊಳಗೆ பல TacoTranslate प्रदाताओं का उपयोग करने पर विचार करें.
ದಯವಿಟ್ಟು ಗಮನಿಸಿ, ಒಂದೇ ಸ್ಟ್ರಿಂಗ್ ಇನ್ನೊಂದುನಿಂದ ವಿಭಿನ್ನ ಮೂಲಗಳಲ್ಲಿ ವಿಭಿನ್ನ ಅನುವಾದಗಳನ್ನು ಪಡೆಯಬಹುದು.
ಕೊನೆಗೆ, ನೀವು ಸ್ಟ್ರಿಂಗ್ಸ್ಗಳನ್ನು ಮೂಲಗಳ into ವಿಭಜಿಸುವ ವಿಧಾನವು ನಿಮ್ಮ ಮತ್ತು ನಿಮ್ಮ ಅಗತ್ಯಗಳ ಮೇಲಿದೆ. ಆದಾಗ್ಯೂ, ಒಂದೇ ಮೂಲದಲ್ಲಿ ಹೆಚ್ಚಿನ ಸ್ಟ್ರಿಂಗ್ಸ್ಗಳು ಇದ್ದರೆ ಲೋಡಿಂಗ್ ಸಮಯಗಳು ಹೆಚ್ಚಾಗಬಹುದು ಎಂದು ಗಮನಿಸಬೇಕು.
ಚರಗಳನ್ನು ನಿರ್ವಹಿಸುವುದು
ನೀವು ಯಾವಾಗಲೂ ಪ್ರಜ್ಞಾಪೂರ್ವಕ ವಿಷಯಗಳಿಗೆ ಚರಗಳು ಬಳಸಬೇಕು, ಉದಾಹರಣೆಗೆ ಬಳಕೆದಾರರ ಹೆಸರುಗಳು, ದಿನಾಂಕಗಳು, ಇ-ಮೇಲ್ ವಿಳಾಸಗಳು, ಮತ್ತು ಇನ್ನಷ್ಟು.
ಸ್ಟ್ರಿಂಗ್ಗಳಲ್ಲಿ ಚರ משתנים ಅನ್ನು ಜೋಡಿ ಬಳಗಗಳನ್ನು ಬಳಸಿ ಘೋಷಿಸಲಾಗುತ್ತದೆ, ಉದಾಹರಣೆಗೆ {{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}
/>
);
}
ಮೇಲಿನ ಉದಾಹರಣೆ ಸರಳ ಪಠ್ಯವಾಗಿ ರೆಂಡರ್ ಮಾಡಲಾಗುತ್ತದೆ.