Jquery/Javascript-Google-suggest-insidetextarea（无下拉列表）

我正试图得到一个自动建议像谷歌有，但没有下拉菜单。我的意思是，文本建议在文本区域内，而不是作为下拉列表，请参见printscreen：

我知道所有的jquery插件，比如jqueryui自动完成、jQueryToken等等。。。等等但是我不想下拉，我只想文本以灰色显示在单词旁边。如果用户点击enter，建议被放入其中

我看过这个帖子：

问题

是否有合适的插件？ 如果没有插件，我怎么能自己做呢。我应该采取什么步骤？请记住，我是JavaScript的初学者。

---

我创建了一个简单的示例，使用文本输入而不是textarea，可以让您开始学习

在我的小提琴中，您通过按TAB键接受自动完成建议

---

请注意，代码只是为了说明如何完成这样的工作。在生产环境中使用之前，它需要调整、清洁和组织。

您说当用户点击enter时，建议应该放在字段中。但是，如果我想输入java这个词，而系统建议使用javascript——当我点击enter时，javascript这个词被错误地提交了。这确实会造成问题，但是如果用户点击空格然后输入，应该可以。不是100%的防弹，但99%的时候这个问题不会出现。不幸的是，在编写这样一个插件时，还需要克服许多其他问题。要提到一些：包装问题如果建议的单词会导致文本文本被包裹到新行，你必须事先检测到，当在现有文本中间写一些单词时自动完成，你必须移动文本的两部分，在底层文本区域中插入建议-将文本的两部分移开以使建议可见，可以用空格来完成，但对于字符长度可变的字体来说，这不太合适。@WTK:这些都是非常棒的地方。我没想到这些。我想应该是文本输入。你有解决办法吗？可能是因为它几乎可以正常工作，你能告诉我你在哪里禁用了断线吗？我好像拿不出来。我在哪里禁用了换行符？