La localisation de modèles à l'aide de require.js, de la colonne vertébrale et le trait de soulignement

Voici ce que je suis en train de faire (il suffit d'ouvrir-source, puisqu'il semble utile à d'autres)

underi18n est très minime lib pour faire i18n sur les modèles et le code.

Il fournit:

• Simple de conversion de gettext catalogues au format json.
• De soutien pour la substitution des variables dans les chaînes de traduction.

Il ne pas traiter avec la pluralisation.

Du README:

Catalogues

under18n utilise un simple format JSON pour les catalogues, suivant la norme gettext format. Dans l'exemple suivant,

{
    'Developer': 'Προγραμματιστής',
    'Role ${role} does not exist in ${context}': 'Ο ρόλος ${role} δεν υπάρχει στο ${context}'
}

nous avons deux chaînes de traduction, la seconde avec deux variables, role et context.
Un simple script python est fourni pour vous aider à convertir standard .mo fichiers à ce format JSON.

Utilisation

Créer un MessageFactory à partir d'un json i18n catalogue:

var t = underi18n.MessageFactory(catalog);

Vous pouvez maintenant traduire en ligne:

t('Developer') //returns "Προγραμματιστής"

t('Role ${role} does not exist in ${context}', {role: 'διαχειριστής', context: 'πρόγραμμα'})
//Returns "Ο ρόλος διαχειριστής δεν υπάρχει στο πρόγραμμα"

Modèles

Généralement des variables dans les modèles sont indiqués avec certains délimiteur. Dans la moustache par exemple {{ var }} est utilisé alors que <%= var %> est par défaut pour le trait de soulignement. Nous utilisons la même approche pour indiquer des chaînes traduisibles. Vous pouvez spécifier les délimiteurs de chaînes traduisibles comme une expression rationnelle, ainsi que gauche/droite délimiteurs utilisés par votre modèle de langue de choix dans under18n.templateSettings. Par défaut, c'est à la suite de soulignement conventions:

templateSettings: {
    translate: /<%_([\s\S]+?)%>/g,
    i18nVarLeftDel: '<%=',
    i18nVarRightDel: '%>'
}

donc, <%_ i18n %> sont définies pour désigner des chaînes traduisibles et <%= var %> est utilisé pour désigner les variables à l'intérieur d'un modèle.

Vous pouvez traduire un modèle en appelant under18n.template, par exemple à l'aide de soulignement, vous pouvez le faire

var templ = _.template(under18n.template(myTemplate, t));

Exemple

Donné les catalogues suivants, les usines et le modèle pour l'anglais et le grec et en supposant un trait de soulignement modèle,

var test_en = {
        'files_label': 'Files',
        'num_files': 'There are ${num} files in this folder'
    },

    templ = '<h1><%= title %></h1>' +
            '<label><%_ files_label %></label>' +
            '<span><%_ num_files %></span>',

    t_en = underi18n.MessageFactory(test_en);
    t_el = underi18n.MessageFactory(test_el);

le modèle peut par construit par,

var toRender = _.template(underi18n.template(templ, t_en));
toRender({title: 'Summary', num: 3});

donnerait

<h1>Summary</h1>
<label>Files</label>
<span>There are 3 files in this folder</span>

AMD chargement

under18n sera enregistré comme un anonyme, un module si vous utilisez requireJS.

J'espère que cela résout votre problème, laissez-moi savoir si ce n', j'avais l'intention de le sortir à un certain stade, mais bon mieux vaut tard que jamais 😉

OriginalL'auteur ggozad