如何使用自动建议创建自定义文本区域？

Posted 2023-05-07

【中文标题】如何使用自动建议创建自定义文本区域？

【英文标题】：How to create Custom Textarea with auto suggest?

【发布时间】：2019-02-10 05:00:04

【问题描述】：

我想要一个 文本区域，它应该在文本区域 内部 有自动建议。建议列表应该是定制的。意思是，我应该能够从后端或来源发送建议列表。

例如：如果我输入 Be ，它应该在输入的单词 Be 附近显示一个建议列表，带有 Beast/Begin/Beans...etc（这些即将到来从我的后端，ajax 调用）。

是否有适用于 javascript 或 Jquery 或 html/CSS 等的 插件 ？

【问题讨论】：

尝试像“autocomplete textarea ***”这样的搜索词，看看其他人是如何做到的。请注意，help center 第 4 点中提到的有关使用哪些库的问题不在主题范围内。

不需要为此添加任何外部插件。每当输入更改时，请拨打您的电话...ajax/http/soap 不管它是什么。

@RakeshBurbure 不，这不仅仅是一个文本框，然后显示建议。这将是一个文本区域，必须在光标附近的文本区域内列出建议。

【参考方案1】：

如果您使用的是 Angular 2。您可以查看此https://www.npmjs.com/package/angular2-mentions

【讨论】：

使用 AngularJs。

github.com/angular-ui/ui-mention jsfiddle.net/biggieman/6j5v5856/5