如何本地化表单生成器 - formio

Question

我正在为我们的 angular 10 应用程序实施语言环境。
我正在使用 ngx-translate 翻译应用程序内容。

我们还有用户创建表单，应用程序管理员将根据他们的要求创建自定义表单。为此，我们使用 form.io.
我正在使用 formio 的表单生成器，它将提供拖放组件以生成表单，

无论哪些组件可用，都需要根据应用程序语言选择进行翻译。（基本、文本字段、文本区域、显示、数据、验证等）我经历了 formiojs code and the document 另外，我正在寻找与 git issue 完全相同的东西，它已经存在，但它没有足够的信息让我可以开始。

寻找帮助我翻译表单生成器组件及其属性的指南。

谢谢...

Answer 1

我经历过这个。像这样将 i18n 与 formio 结合使用：

var trad_form = JSON.parse(your_json_translation);
Formio.createForm(document.getElementById(id_element),
            your_json_form_structure,
            {
                readOnly: is_read_only,
                language: selected_language,
                i18n: your_json_trad_form
            }).then(function (form) { ... });

例如德语翻译的 json 文件的一小部分如下所示：

var your_json_translation = { "de": { "Number": "Nummer", "Right (Right-aligned)": "Rechts (rechtsbündig)", "Bottom": "Unten", "Placeholder": "Platzhalter", "The placeholder text that will appear when this field is empty.": "Der Platzhaltertext, der angezeigt wird, wenn dieses Feld leer ist.", "Description": "Beschreibung"}};

您必须使用 formio 中存在的所有标签创建该文件。

如何本地化表单生成器 - formio

How to localize form builder - formio

angular

internationalization

i18next

formio