由于 Django 不允许在其他文件中使用 built-it 标签，如何解决 translation/localisation of JavaScript 外部文件？

Question

我正在查看其他问题。

我知道 Django 允许在 HTML 页面的内部 JavaScript 代码中使用内置标签，但专业开发人员不会这样做是一种不好的做法；
我知道 Django 不允许在外部 JavaScript 文件中使用内置标签。不同的是，Go Hugo 允许。
我考虑了问题 Django translations in Javascript files，但我不知道生成具有相同名称但具有不同语言缩写的 JavaScript 是否是一种不好的做法，如 table-en.js, table-fr.js, table-pt-br.js, table-pt-pt.js, 等等

小码，例如：

var preTtitle = 'List of colours and icon in';

const styles = 
[
  { name: 'adwaita-plus', title: ' ' + preTtitle + 'Adwaita++' },
  { name: 'suru-plus', title: ' ' + preTtitle + 'Suru++' },
  { name: 'suru-plus-ubuntu', title: ' ' + preTtitle + 'Ubuntu++' },
  { name: 'yaru-plus', title: ' ' + preTtitle + 'Yaru++' }
];

我还需要翻译 table 列：

firstHeader.textContent = 'Name of colour';
secondHeader.textContent = 'Preview of icons';

trHeader.appendChild(firstHeader);
trHeader.appendChild(secondHeader);

thead.appendChild(trHeader);

我想翻译 'List of colours and icon in'、'Name of colour' 和 'Preview of icons'。

由于Django不允许在这个文件中使用翻译的内置标签，请问如何解决？

我确定问题 Django translations in Javascript files 是否是唯一的解决方案以及好的或坏的做法。

Answer 1

您可以在 javascript 文件中创建函数并将该文件导入 html。之后，在模板中翻译您想要的对象，然后将翻译后的文本传递给您创建的函数。没有别的办法，不用担心不好的做法。

<script src="{% static 'js/translation_helpers.js' %}"></script>
<script>
    let frenchText = {% translate "something in french" %}
    functionYouCreated(translatedText, 'fr')
    let englishText = {% translate "something in english" %}
    functionYouCreated(translatedText, 'en')
</script>

要更改模板中的翻译语言，请参阅https://docs.djangoproject.com/en/3.2/topics/i18n/translation/#switching-language-in-templates

Answer 2

我运行昨天遇到了这个问题，有人提出了更好的解决方案。实际上，您可以在 JavaScript 文件中使用 t运行slate 文本，而无需在 HTML 模板中获取 t运行slations。

Django T运行slation 为您提供了 JavaScriptCatalog，这允许您使用 gettext() 来 t运行slate 您的 js 文本，就像您所做的一样在你的观点中。

urls.py

from django.views.i18n import JavaScriptCatalog

urlpatterns = [
    path('jsi18n/', JavaScriptCatalog.as_view(), name='javascript-catalog'),
]

index.html

<script src="{% url 'javascript-catalog' %}"></script>

script.js

// In this example your body will get the translated version of "Hello"
document.body.innerHTML = gettext('Hello');

如何生成 t运行slation 文件：

django-admin makemessages -d djangojs -l es

这里的区别在于您将在命令中添加 -d djangojs。

完成 t运行slation 后，您可以像编译模板和视图一样编译消息 t运行slation:

django-admin compilemessages

Django 文档： https://docs.djangoproject.com/en/4.0/topics/i18n/translation/#internationalization-in-javascript-code

提供解决方案的问题：

@hendrikschneider 提供的解决方案：

Most of the work will be done by django. Follow their documentation: https://docs.djangoproject.com/en/4.0/topics/i18n/translation/#internationalization-in-javascript-code

A little further down on the page is also documented how to generate the language file for your javascript code. You will have two language files later, one for your django application and one for your javascript code.

https://docs.djangoproject.com/en/4.0/topics/i18n/translation/#creating-message-files-from-javascript-source-code

由于 Django 不允许在其他文件中使用 built-it 标签，如何解决 translation/localisation of JavaScript 外部文件？

How to solve the translation/localisation of JavaScript external files since Django does not allow built-it tags in other files?

javascript

python

django

internationalization