Hello,

Lors du développement d’une application Silex, je devais générer du code à la volée à l’aide de JavaScript. Le code généré ne pouvait évidemment pas être traduit. Pour palier à cela, le principe est de mettre les traductions dans un objet javascript, et de l’utiliser dans votre code JS.

Ce qui suit est une manière de procéder.

Je pars du principe que votre traduction est déjà mise en place et qu’elle marche correctement dans vos templates Twig.

Créer un fichier translations.html.twig

Je l’ai personnellement mis avec les autres vues. Mettez y un script JS avec les expressions que vous voulez traduire.

<script type="text/javascript">
    var translations = {
        'hello_world': '{% trans %}hello_world{% endtrans %}',
        'foobar': '{% trans %}foobar{% endtrans %}'
    }
</script>

Inclure ce template dans votre layout

Avant la déclaration des autre scripts bien sûr.

{% include './translations.html.twig' %}

Et voilà, vous pouvez maintenant accéder à l’objet translations depuis vos scripts JS.

Exemple:

console.log(translations.hello_world);