yairEO/tagify

🏷️ Tagify – Thành phần nhập thẻ đa nền tảng, nhẹ và mạnh mẽ

Biến bất kỳ input hay textarea nào thành một trường nhập thẻ đầy đủ tính năng, chỉ với vài dòng JavaScript.

Tagify là một thành phần Tags input được viết bằng Vanilla JavaScript, hỗ trợ tích hợp sẵn cho React, Vue và Angular. Dự án giúp người dùng dễ dàng chuyển đổi một trường nhập liệu thường thành giao diện quản lý thẻ (tags) tùy biến, đồng thời duy trì hiệu năng cao và kích thước mã nguồn nhỏ gọn.

✨ Điểm nổi bật

• Hỗ trợ đa nền tảng: Vanilla JS, React, Vue, Angular — một API thống nhất.
• Hỗ trợ whitelist/blacklist: gợi ý và giới hạn thẻ theo danh sách được định nghĩa.
• Mixed-Content: cho phép nhập kết hợp cả văn bản thường và thẻ trong cùng một trường.
• Single-Value mode: hỗ trợ chọn một giá trị duy nhất như thẻ <select>.
• Kéo thả và sắp xếp: người dùng có thể kéo thả để sắp xếp lại thứ tự thẻ.
• Tùy biến giao diện: hỗ trợ template DOM và CSS Variables để điều chỉnh giao diện.
• Gợi ý tự động qua Ajax: tải danh sách gợi ý động từ máy chủ.
• Hỗ trợ chỉnh sửa thẻ: người dùng có thể sửa nội dung thẻ đã thêm.

💡 Vì sao đáng chú ý

Tagify nổi bật nhờ sự kết hợp giữa hiệu năng cao và khả năng tùy biến linh hoạt. Không chỉ là một thành phần nhập thẻ đơn giản, Tagify còn cung cấp các tính năng nâng cao như hỗ trợ nội dung hỗn hợp, kéo thả sắp xếp, và tích hợp Ajax để tải gợi ý động. Điều này giúp thư viện trở thành lựa chọn lý tưởng cho các ứng dụng hiện đại cần xây dựng giao diện người dùng phong phú mà không cần phụ thuộc nặng lớn.

#Tagging #HTML #JavaScript #React #Vue #Angular #OpenSource #TiniX