Javascript 如何编写一个类似twitter的文本框来提及实体？

经过数周的努力和测试，我终于找到了一个解决问题的方法。我承认，我仍然不知道如何解决这个问题

听起来很简单：我希望用户能够在类似于twitter的文本区域中提及事情

问题是，我似乎无法管理它使其工作。每个浏览器都有自己的特色，这些特色正进入我的视线，打破了我的习惯。我尝试了多次不同的尝试，但没有一次能完全在单个浏览器上运行。。混合使用文本和HTML似乎非常困难

我来了。请你们帮忙。无论它是一个库，你可以推荐我已经做了我需要的，或者如果你做了类似的事情，你可以告诉我你到底做了什么，使这个工作在多浏览器

我目前的解决方案是这样的：点击#将在

div contenteditable

中插入一个输入文本字段，到目前为止，一切都很正常，除非整个内容是行的第一个元素。如果插入符号也位于位置0，并且用户点击Enter，那么浏览器中会有东西死掉，从而在不另行通知或任何事件的情况下删除整个输入框-至少在Chrome上不会。这是我能想出的最有希望的解决办法。不要以为我没有尝试通过插入一个零空格字符的本机文本来保存它，但这也不起作用。它工作得更好，但并不完全有效

我现在真的很沮丧，这阻碍了我的整个项目，这个项目有一个关键的功能，必须正常工作-主要是因为放在那里的信息将被持久化为XML，但这是一个完全不同的故事

---

我真的希望有人能帮我解决这个问题。请记住，我实际上使用的是GWT2.8.0，但此时我不介意使用/包装一个JavaScript库。

需要此帮助吗？我建议看看Twitter是如何做事情的，我不会坚持用Java/GWTAlso做所有事情，你看这里了吗？像这样的东西会有帮助吗？我建议看看Twitter是如何做的，我不会坚持用Java/GWTAlso做所有事情，你看这里了吗？