Aller au contenu principal

Scanner des traductions

Créer un compte

🚀 Automatisez et optimisez vos traductions.

Pour tirer le meilleur parti de Translate Projects, vous avez besoin d'une clé API. Inscrivez-vous sans engagement.

  • Nous ne demandons pas de carte de crédit pour essayer Translate Projects.

Bénéfices à obtenir votre clé API

  • Administration Intelligente: Synchronisez et gérez automatiquement les traductions de vos projets.
  • Panneau Administratif Exclusif: Personnalisez et supervisez toutes vos traductions depuis une interface centralisée.
  • Support Prioritaire: Recevez une assistance technique rapide et spécialisée quand vous en avez besoin.
  • Traductions Précises: Notre technologie comprend le contexte de votre code pour offrir des traductions exactes.
  • 30 000 Eniacs de Bienvenue: Testez toutes les fonctionnalités sans engagement avec des jetons internes qui améliorent vos traductions.

Inscrivez-vous maintenant et obtenez votre clé API pour débloquer tout le potentiel de Translate Projects !

Créer un compte maintenant→

Nous allons créer un fichier translate.js dans le dossier utils et ajouter le code suivant :

utils/translate.js
import { translateProject } from 'translate-projects-react';

translateProject({
sourceLang: 'es', // Langue par défaut
targetLangs: ['en'], // Langues à traduire
apiKey: '#', //Ta clé API
scanner: true // Nous activons le scanner.
});

Configurer la commande pour npm

Ajouter la commande suivante dans votre fichier package.json :

package.json
"scripts": {
"translate": "node ./utils/translate.js"
}

Pour éviter une erreur de chargement des modules, va dans ton package.json et ajoute le type à module.

package.json
{
...Tes configurations,
"type": "module",
}

Nous exécutons la commande pour que nos traductions soient effectuées.

Terminal
npm run translate

Importer le fichier i18n

Que scannons-nous ?

Nous obtiendrons tous les textes de votre projet qui se trouvent dans les cas d'utilisation suivants.

  • ceux qui se trouvent à l'intérieur de l'étiquette Trans

    src/App.tsx
    import { Trans } from 'react-i18next';

    function App() {
    return (
    <div>
    <header>
    <Trans>Hola Este es un ejemplo de traduccion</Trans>
    </header>
    </div>
    );
    }
  • Aussi les textes qui se trouvent dans notre hook t.

    src/App.tsx
    import { useTranslation } from '@/hooks/useTranslation'; Nous importons notre hook.

    function App() {
    const { t } = useTranslation();
    return (
    <div>
    <header>
    {t('Hola Este es un ejemplo de traduccion base')}
    </header>
    </div>
    );
    }

    export default App;