Как добавить плейсхолдер на страницу регистрации

Поддержка
1

Можно ли добавить текст-заполнитель на страницу регистрации и/или изменить текст под полем?

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

2

Привет, Хосе,

Я нашел разработанный пользователем плагин, который может решить вашу задачу!

Плагин Custom Wizard позволяет создавать пользовательские мастеры для вашего форума Discourse. Вы можете предоставлять информацию, принимать ввод от пользователей и выполнять действия, такие как создание тем, обновление профилей и многое другое.

Я протестировал его на своей стороне, и он, похоже, работает корректно, при условии, что у вас есть технические знания для его загрузки и установки. Попробуйте и посмотрите, подходит ли он вам!

Если у вас возникнут трудности с установкой или использованием, не стесняйтесь задать свой вопрос в той же теме.

С уважением,
Рон

3

Спасибо, Ронни. Я очень ценю вашу помощь. Я прямо сейчас это проверяю.

Но похоже, что это форма, которую можно использовать только после того, как пользователь зарегистрируется, а не до этого.

Но я уточню у них, чтобы убедиться, возможен ли такой сценарий.

4

Вы можете изменить текст, отображаемый под полем ввода, используя опцию «Настроить текст» в настройках.

  1. Перейдите в раздел:
  • Администратор :arrow_right: Настроить :arrow_right: Текст
  1. Выполните поиск для каждого из следующих параметров:
  • email.instructions
  • username.instructions
  • name.instructions_required
  • user.password.instructions
  1. Нажмите кнопку Изменить справа.
  2. Замените текст на нужный вам новый текст.
  3. Нажмите Сохранить изменения.
5

Огромное спасибо, Киган! Это очень помогает.

А вы случайно не знаете, как изменить CSS, чтобы добавить текст-заполнитель в поле ввода?

6

Я не думаю, что это возможно сделать только с помощью CSS. Хотя существует селектор ::placeholder, он используется для стилизации уже существующего плейсхолдера.

Однако, похоже, это можно реализовать с помощью JavaScript. Для этого добавьте следующий код в тег </head> вашей темы в настройках администратора:

<script type="text/discourse-plugin" version="0.11.1">
api.onPageChange(() => {
    document.getElementById('new-account-email').placeholder =
      'Замените на ваш плейсхолдер для email';
    document.getElementById('new-account-username').placeholder =
      'Замените на ваш плейсхолдер для имени пользователя';
    document.getElementById('new-account-name').placeholder =
      'Замените на ваш плейсхолдер для имени';
    document.getElementById('new-account-password').placeholder =
      'Замените на ваш плейсхолдер для пароля';
  });
</script>
7

Огромное спасибо, Киган! Это отличное решение! Всё работает отлично. :slight_smile: