用于在列表中添加/删除项目的用户界面？

Question

我有一个禁止列表，我正在构建一个显示文章的应用程序的一部分。此禁令列表将包含关键字，如果在文章中找到，将导致文章被禁用（该文章不会显示在前端）

我很难想象用户界面。我总是可以显示textarea并要求用户输入逗号分隔的关键字，当他们想要再次删除时，将显示textarea并且他们可以编辑输入的关键字。但我发现我的想法对用户非常不友好。

我的问题是如何对UI进行编程，以便轻松添加新关键字。我还希望以一种漂亮的方式提供建议，显示现有关键字并删除它们。

此禁令列表将成为管理面板/后端的一部分，并且只能由站点管理员访问。

Answer 1

我会将它们显示为列表，在顶部或底部添加文本字段以添加新文本字段。 为每个用户添加一个图标以让用户将其删除，并通过Ajax实现添加和删除：然后您可以在重新显示之前对列表进行排序。 （实际上，您可以使用Javascript在浏览器中完成所有操作而不使用Ajax：在这种情况下，您需要在需要时将整个列表传递给服务器）。

Answer 2

会有多少被禁词？如果一个满手，那么你对逗号分隔列表的建议是有意义的 - 可能在重新呈现以进行编辑时按字母顺序排序。

我推测列表可能会变得非常广泛，因此您可能需要提供几页被排除的单词。在这种情况下，某种形式的分页，字母显示，每个条目旁边有一点（x）允许删除。

一个单独的输入字段可以接受单个单词并将它们添加到列表中，显示相关页面可能会有效。

另一个想法：你的清单中是否包含亵渎或其他可能令人反感的词语？如果有可能代表名单本身可能会以某种方式令人反感？您可能需要找到一种方法来实现O ?????? e。这可能会带来一些挑战。