Resolving spring: messages en javascript pour l'internationalisation de i18n

il me semble que ce que vous voulez faire est de traiter le fichier JS comme le fichier JSP et résoudre son contenu via spring:message tag.

Je ne voudrais pas le faire.

typiquement JS i18n est fait de deux façons:

• en écrivant le tableau des cordes traduites de la page JSP
• en créant un filtre de traduction et fournir le fichier JS pré-traduit au client demandeur

les deux fonctionnent le mieux si vous créez un emplacement central pour vos cordes translables côté client.

Dans votre contexte, je recommande la première méthode (beaucoup plus facile). C'est à moins que votre projet soit assez grand et vous avez beaucoup de cordes traduisibles du côté du client. Donc la modification ressemblerait à:

<script type="text/javascript">
  var strings = new Array();
  strings['settings.toogle'] = "<spring:message code='proj.settings.toggle' javaScriptEscape='true' />";
  strings['settings.toogle.description'] = "<spring:message code='proj.settings.toggle.description' javaScriptEscape='true' />";
</script>
<spring:theme code="jsFile" var="js" />
<script type="text/javascript" src="${js}" />

et dans votre fichier JS:

buildList('settings', [{
    name: strings['settings.toggle'],
    id:"setting1",
    description: strings['settings.toggle.description'],
    installed: true
}]);

Esprit vous que j'ai utilisé des guillemets doubles pour écrire des chaînes traduites. C'est à cause de quelques mots en français ou en italien qui pourraient contenir l'apostrophe.

modifier: entrée supplémentaire

nous fournissons des traductions aux fichiers JS pour la raison. Habituellement, la raison est que nous voulons créer une certaine partie de L'UI dynamiquement. Il y a aussi des cas où nous avons besoin de localiser une composante tierce partie, ma réponse ci-dessus les traite assez bien.

Pour les cas où nous voulons créer des parties D'UI de façon dynamique, il est vraiment logique d'utiliser des modèles plutôt que des balises HTML concaténées dans JavaScript. J'ai décidé d'écrire ceci, parce que cela rend la solution beaucoup plus propre (et peut-être réutilisable).

Ainsi, au lieu de passer des traductions à JavaScript, on peut créer un modèle et le mettre sur la page (Mon exemple utilisera guidon.js , mais je crois qu'il est possible d'utiliser n'importe quel autre moteur):

<script id="article" type="text/x-handlebars-template">
  <div class="head">
    <p>
      <span>
        <spring:message code="article.subject.header" text="Subject: " />
      </span>{{subject}}</p>
  </div>
  <div class="body">
    {{{body}}}
  </div>
</script>

côté client (en JavaScript) tout ce que vous avez à faire est d'accéder au Modèle (exemple ci-dessous utilise évidemment jQuery) et compiler:

var template = Handlebars.compile($("#article").html());
var html = template({subject: "It is really clean",
  body: "<p>Don't you agree?</p><p>It looks much better than usual spaghetti with JavaScript variables.</p>"
});
$("#someDOMReference").html(html);

peu de choses à noter ici:

• <spring:message /> tags échapper à la fois HTML et JS par défaut, nous n'avons pas besoin de spécifier le javaScriptEscape attribut
• Il judicieux de fournir text attribut <spring:message /> tag comme il pourrait être utilisé comme une solution de repli (si il n'y a pas de traduction pour une langue donnée) ainsi qu'un commentaire (ce que cet élément représente). On peut même créer un outil qui numériserait des fichiers pour les étiquettes <spring:message /> et générerait automatiquement des fichiers de propriétés
• pour empêcher le guidon d'échapper au contenu HTML, j'ai utilisé le triple {{{curly braces}}}

c'est en gros ça. Je recommande d'utiliser des modèles si c'est possible.