Meteor账户界面本地化

Question

我正在学习如何使用meteor。

是否可以轻松地将accounts.ui组件本地化？

- Engin Kurutepe

Answer 1

以下是我使用的一个技巧。简单而有效：

Template.header.rendered = function() {
  $('#login-sign-in-link').text('Přihlásit se ▾');
  $('.login-close-text').text('Zavřít nabídku');
  $('.sign-in-text-google').text('Přihlásit se přes Google');
  $('.sign-in-text-facebook').text('Přihlásit se přes FB');
  //etc...
};

- user2687433

Answer 2

这是一个稍微取巧的解决方案，你可以删除现有的accounts-ui包，并手动添加。在Meteor的github仓库中找到accounts-ui分支，并找到accounts-ui包中的所有内容，例如：login_buttons_dialogs.html，login_buttons.html等。

然后，您可以直接将这些文件与所需语言的自定义文本编辑并复制到您的Meteor项目中。

Meteor尚未实施国际化，但这是路线图上的一项任务。您可以使用meteorite和安装类似simple-i18n的本地化软件包，结合手动编辑的accounts-ui文件，为用户提供多语言体验或以不同的语言提供accounts-ui。

- Tarang

---

回答正确，但需要更多实际数据：Repo https://github.com/meteor/accounts/tree/master/packages/accounts-ui-unstyled 说明如何创建自己的包：https://atmospherejs.com/i/publishing - basil

Answer 3

抱歉，我的翻译语言只限于英文和西班牙文。

Template.layout.rendered = function() {
  $('#login-sign-in-link').text('Login ▾');
  $('.login-close-text').text('Fechar');
  $('#login-username-or-email-label').text('Nome de usuário ou e-mail');
  $('#login-password-label').text('Senha');
  $('#signup-link').text('Criar uma conta');
  $('#forgot-password-link').text('Esqueceu a senha?');
  $('#login-buttons-forgot-password').text('Recuperar');
  $('#back-to-login-link').text('Login');
  $('#login-username-label').text('Usuário para login');
  $('#login-buttons-open-change-password').text('Alterar senha');
  $('#login-buttons-logout').text('Logout');
  if ($('#login-buttons-password').text().indexOf('Sign in') != -1) {
    $('#login-buttons-password').text('Login');
  } else {
    $('#login-buttons-password').text('Criar conta');
  }
  $('.login-button').addClass('btn btn-warning');
  $('.login-button').removeClass('login-button login-button-form-submit');
  if ($('.message.error-message').text().indexOf('Username must be at least 3 characters long') != -1) {
    $('.message.error-message').text('Usuário deve ter pelo menos 3 caracteres');
  } else if ($('.message.error-message').text().indexOf('Incorrect password') != -1 || $('.message.error-message').text().indexOf('User not found') != -1) {
    $('.message.error-message').text('Usuário/senha errado(s)');
  }
  $('#login-old-password-label').text('Senha atual');
  $('#login-buttons-do-change-password').text('Alterar a senha');
  $('#reset-password-new-password-label').text('Nova senha');
  $('#login-buttons-reset-password-button').text('Alterar');
  if ($('.message.info-message').text().indexOf('Email sent') != -1) $('.message.info-message').text('E-mail enviado');
  $('#just-verified-dismiss-button').parent().html('Email verificado <div class="btn btn-warning" id="just-verified-dismiss-button">Ocultar</div>');
};

小心，男孩们！
在 $('.login-close-text') 中的 CLOSE 是动词...意思是关闭
它并不像我之前看到的某些答案中所说的那样表示“靠近”。

- Jean Carlos Racoski

---

我不知道是否有什么改变，但是rendered回调对于我来说似乎没有起作用。下拉菜单内的元素似乎只有在点击后才会创建，因此在单击下拉菜单之后在控制台上键入其中一行可以工作，但在rendered时间时它还不存在以进行替换，因此当您单击它时所有内容仍然是英文。有什么解决方法吗？谢谢！ - agentofuser

嗨@hsribei，我有同样的问题。你成功解决了吗？ - Godsmith

@Godsmith 抱歉，我记不起来了 :/ - agentofuser

Answer 4

针对法语：

 /**
  * Accounts-ui ugly translation
  * TODO : use i18n solution
  */
   Template.header.rendered = function() {
     $('#login-sign-in-link').text('Connexion ▾');
     $('.login-close-text').text('Fermer');
     $('#login-username-or-email-label').text('Pseudo ou email');
     $('#login-password-label').text('Mot de passe (mdp)');
     $('#signup-link').text('Créer un compte');
     $('#forgot-password-link').text('Mdp oublié');
     $('#login-buttons-forgot-password').text('Récupération');
     $('#back-to-login-link').text('Connexion');
     $('#login-username-label').text('Pseudo');
     $('#login-buttons-open-change-password').text('Changer de mdp');
     $('#login-buttons-logout').text('Deconnexion');
     if ($('#login-buttons-password').text().indexOf('Sign in') != -1) {
       $('#login-buttons-password').text('Connexion');
     } else {
       $('#login-buttons-password').text('Créer le compte');
     }
     $('.login-button').addClass('btn btn-warning');
     $('.login-button').removeClass('login-button login-button-form-submit');
     if ($('.message.error-message').text().indexOf('Username must be at least 3 characters long') != -1) {
       $('.message.error-message').text('Le login doit faire plus de 3 caractères');
     } else if ($('.message.error-message').text().indexOf('Incorrect password') != -1 || $('.message.error-message').text().indexOf('User not found') != -1) {
       $('.message.error-message').text('login ou mot de passe incorrect');
     }
     $('#login-old-password-label').text('Mot de passe actuel');
     $('#login-buttons-do-change-password').text('Changer le mot de passe');
     $('#reset-password-new-password-label').text('Nouveau mot de passe');
     $('#login-buttons-reset-password-button').text('Changer');
     if ($('.message.info-message').text().indexOf('Email sent') != -1) $('.message.info-message').text('Email envoyé');
     $('#just-verified-dismiss-button').parent().html('Email vérifié <div class="btn btn-warning" id="just-verified-dismiss-button">Masquer</div>');
   };

- Pascoual

Answer 5

i18n仍然在Meteor的待办事项列表中。与此同时，您可以自己制作一个系统。例如，您可以在这里查看他们是如何实现国际化的：https://github.com/bolora/multi-page-config

- machour

Answer 6

对于德语，包括所有标签。
这主要是根据Pascoual的帖子进行调整，但按钮仍然格式化，并且翻译了一些额外的标签...
如果您发现某个标签仍未被翻译，请在评论中报告。

  /**
   * Accounts-ui ugly translation
   * TODO : use i18n solution
   */
Template.login.rendered = function() {
  $('#login-sign-in-link').text('Einloggen');
  $('.login-close-text').text('Schliessen');
  $('#login-username-or-email-label').text('Benutzername oder Email');
  $('#login-password-label').text('Passwort');
  $('#signup-link').text('Konto erstellen');
  $('#forgot-password-link').text('Passwort vergessen');
  $('#login-buttons-forgot-password').text('Wiederherstellen');
  $('#back-to-login-link').text('Zurück');
  $('#login-username-label').text('Benutzername');
  $('#login-buttons-open-change-password').text('Passwort ändern');
  $('#login-buttons-logout').text('Logout');
  $('#reset-password-new-password-label').text('Neues Passwort');
  $('#login-old-password-label').text('Aktuelles Passwort');
  $('#login-password-label').text('Neues Passwort');
  $('#login-buttons-do-change-password').text('Passwort ändern');
  if ($('#login-buttons-password').text().indexOf('Sign in') != -1) {
    $('#login-buttons-password').text('Einloggen');
  } else {
    $('#login-buttons-password').text('Konto erstellen');
  }

  if ($('.message.error-message').text().indexOf('Username must be at least 3 characters long') != -1) {
    $('.message.error-message').text('Benutzername muss mindestens 3 Zeichen lang sein');
  } else if ($('.message.error-message').text().indexOf('Incorrect password') != -1 || $('.message.error-message').text().indexOf('User not found') != -1) {
    $('.message.error-message').text('Benutzername oder Passwort falsch');
  }
};

- miwe

Answer 7

最简单的方法是使用 accounts-tap 包： https://atmospherejs.com/softwarerero/accounts-t9n

它基于 tapi18n，您只需要在客户端添加以下配置：

T9n.setLanguage('<yourLanguage>')

- Mickael Lecoq

Answer 8

您可以考虑使用meteor-accounts-ui-bootstrap-3。

它支持本地化：

accountsUIBootstrap3.setLanguage('ru');

- ivan133