如何在注册页面添加占位符

支持
1

是否可以在注册页面添加占位符文本和/或更改框下方的文本？

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

1 个赞
2

嘿 Jose，

我发现了一个用户开发的插件，它可能能实现你想要的功能！

Custom Wizard 插件允许你为你的 Discourse 论坛创建用户向导。你可以提供信息、获取用户输入并执行操作，例如创建主题、更新个人资料等等。

我在我的环境中测试了一下，如果你具备下载和安装的技术知识，它似乎可以正常工作。试试看它是否是你想要的！

如果你在安装/使用过程中遇到任何问题，请在该帖子里提问。

祝好，
Ron

2 个赞
3

谢谢你，Ronny。我真的很感谢你的帮助。我现在就试试。

但似乎这只是一个用户注册后才能使用的表单，而不是之前。

但我会在那里询问以确保此用例是否可行。

4

您可以通过设置中的自定义文本选项来更改输入字段下方显示的文本。

  1. 导航至：
  • 管理员 :arrow_right: 自定义 :arrow_right: 文本
  1. 搜索以下各项：
  • email.instructions
  • username.instructions
  • name.instructions_required
  • user.password.instructions
  1. 点击右侧的编辑按钮
  2. 将文本替换为您想要的新文本
  3. 点击保存更改
4 个赞
5

非常感谢你，Keegan！这很有帮助。

您是否也知道如何更改 CSS 以在输入字段中添加占位符文本？

6

我认为仅凭 CSS 无法实现。虽然有一个 ::placeholder 选择器，但它用于设置现有占位符的样式。

不过，您似乎可以使用 JavaScript 来实现。将以下代码添加到管理员设置中主题的 <head> 标签：

<script type="text/discourse-plugin" version="0.11.1">
api.onPageChange(() => {
    document.getElementById('new-account-email').placeholder =
      'Replace with your email placeholder';
    document.getElementById('new-account-username').placeholder =
      'Replace with your username placeholder';
    document.getElementById('new-account-name').placeholder =
      'Replace with your name placeholder';
    document.getElementById('new-account-password').placeholder =
      'Replace with your password placeholder';
  });

</script>
3 个赞
7

非常感谢你，Keegan！这是一个很棒的解决方案！它运行良好。 :slight_smile:

1 个赞
8

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