autosuggest textarea cho cả hai @mentions và #tags

Question

Tôi đang làm việc trong ứng dụng đường ray 3.2 và tôi có yêu cầu cung cấp đề xuất tự động cho vùng văn bản để tìm nạp @mentions người dùng và #tags trong cùng một vùng văn bản.

Để xây dựng: khi người dùng bắt đầu nhập @ab ... autosuggest nên tìm nạp người dùng fron json được cung cấp và khi anh ấy nhập #ab nên đề xuất thẻ từ json i cung cấp.Nếu không có thẻ cho các chữ cái đã nhập thẻ mới sẽ tự động được thêm vào danh sách đề xuất và được thêm vào văn bản trên hành động nhấp chuột.

Xin gợi ý một số tùy chọn để cho phép jquery thi tính năng trong một textarea

Answer 1

Có khá một vài lựa chọn tốt được liệt kê ở đây: jQuery autocomplete tagging plug-in like StackOverflow's input tags?

Trong số đó, tôi khuyên bạn nên tag-nó cắm (http://aehlke.github.com/tag-it/) . Nó sẽ được khá đơn giản để cấu hình autosuggest của nó để làm những gì bạn muốn.

Lưu ý rằng hầu hết các tùy chọn của bạn có thể sẽ sử dụng <div> thay vì <textarea> thẻ vì văn bản thực sự chỉ dành cho văn bản.

---

Shameless plug: Tôi đã cố gắng để đặt cùng một thẻ-biên tập jQuery plugin với autosuggest bản thân mình, trên thực tế, và mã này là khá đơn giản nếu bạn cần phải tinh chỉnh bất cứ điều gì: https://github.com/donmccurdy/input-tokenizer

Answer 2

Đây là người khác chúng tôi chỉ mở nguồn: jquery-sew

Answer 3

Bạn sẽ thích điều này. đây là thư viện bắt buộc của bạn http://podio.github.io/jquery-mentions-input/