Como adicionar um placeholder na página de registro

Suporte
1

Existe uma maneira de adicionar textos de espaço reservado na página de registro e/ou alterar os textos abaixo da caixa?

CleanShot 2021-11-17 at 04.48.23
CleanShot 2021-11-17 at 04.48.23351×469 11.5 KB

1 curtida
2

Olá Jose,

Encontrei um plugin desenvolvido por um usuário que pode atender ao que você procura!

O Plugin de Mago Personalizado permite criar magos de usuário para o seu fórum Discourse. Você pode fornecer informações, obter entrada do usuário e executar ações, como criar tópicos, atualizar perfis e muito mais.

Eu testei aqui e parece estar funcionando, desde que você tenha o conhecimento técnico para baixá-lo e instalá-lo. Experimente e veja se é o que você está procurando!

Se você tiver problemas para instalar / usar, faça sua pergunta nesse tópico.

Abraços,
Ron

2 curtidas
3

Obrigado, Ronny. Agradeço muito sua ajuda. Estou tentando isso agora.

Mas parece que este é apenas um formulário que pode ser usado depois que o usuário se cadastrou. Não antes.

Mas vou perguntar para ter certeza se este caso de uso é possível.

4

Você pode alterar o texto que aparece abaixo do campo de entrada usando a opção personalizar texto nas configurações.

  1. Navegue para:
  • Admin :arrow_right: Personalizar :arrow_right: Texto
  1. Pesquise por cada um dos seguintes:
  • email.instructions
  • username.instructions
  • name.instructions_required
  • user.password.instructions
  1. Clique no botão Editar à direita
  2. Substitua o texto pelo novo texto desejado
  3. Clique em Salvar Alterações
4 curtidas
5

Muito obrigado, Keegan! Isso ajuda muito.

Você também sabe como alterar o CSS para adicionar textos de espaço reservado no campo de entrada?

6

Não acho que seja possível apenas com CSS. Embora exista um seletor ::placeholder, ele é usado para estilizar um placeholder existente.

No entanto, parece que você pode fazer isso com JavaScript. Adicionando isto à tag </head> do seu tema nas Configurações do Administrador:

<script type="text/discourse-plugin" version="0.11.1">
api.onPageChange(() => {
    document.getElementById('new-account-email').placeholder =
      'Substitua pelo seu placeholder de e-mail';
    document.getElementById('new-account-username').placeholder =
      'Substitua pelo seu placeholder de nome de usuário';
    document.getElementById('new-account-name').placeholder =
      'Substitua pelo seu placeholder de nome';
    document.getElementById('new-account-password').placeholder =
      'Substitua pelo seu placeholder de senha';
  });

</script>
3 curtidas
7

Muito obrigado, Keegan! Essa é uma ótima solução! Funciona bem. :slight_smile:

1 curtida
8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.