Plug-in de balisage de saisie semi-automatique jQuery comme les balises d'entrée de StackOverflow? [fermé]

523

Quelles solutions accomplissent la même auto-complétion que SO utilise pour entrer des balises?

Il existe des plugins qui peuvent gérer un mot, mais je n'en ai vu aucun qui gère plusieurs mots.

jquery autocomplete tags Joe Phillips
la source
Voter pour fermer comme outil rec.
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
1
J'ai créé le meilleur - github.com/yairEO/tagify
vsync
@vsync L'a ajouté à la liste dans la première réponse. Malheureusement, impossible de créer un lien direct vers codepen.io en raison de l'absence de code dans la réponse
Joe Phillips
@JoePhilllips - il acceptera peut-être les URL raccourcies de Google
vsync
@JoePhilllips - Mon plugin est meilleur que le meilleur en haut de la liste, et mérite d'être au top et j'ai de bons arguments de vente pour cela. actuellement, le premier de la liste est gonflé (x4 que le mien), utilise un élément d'entrée supplémentaire (mauvais pour la sérialisation de formulaire) et ne prend pas en charge les virgules ou le collage de balises avec eux. il offre des fonctionnalités intéressantes mais inutiles pour la plupart des cas. autocompletedevrait être utilisé désespérément à
mon humble avis

Réponses:

763

Par ordre d'activité, démos / exemples disponibles et simplicité:

En relation:

Dmitriy Nesteryuk
la source
Sur IE9, il donne "Erreur ligne: 18: l'objet ne prend pas en charge la propriété ou la méthode 'tagit'"
Raghav
2
Quiconque cherche la version la plus récente, la documentation et des exemples plus complets
Crisman
1
mise à jour: je pense que magicsuggest est la meilleure option maintenant.
ssj
8
tag-it est surfait. Exiger jquery pour un système de balises simple est trop, mais exiger également jQuery UI et jquery UI CSS est juste fou de nos jours. Pas la peine.
Alvaro
1
@scniro J'ai fini par utiliser jquery.tagsinput parce que cela ne me dérange pas d'utiliser jQuery qui est déjà utilisé dans mon projet. Je pensais juste que c'était fou de demander jquery UI et CSS.
Alvaro
62

Bootstrap: si vous utilisez Bootstrap. Ceci est vraiment bon: Select2

De plus, TokenInput est intéressant. Premièrement, cela ne dépend pas de jQuery-UI, deuxièmement sa configuration est très fluide.

Le seul problème que j'ai eu ne prend pas en charge le marquage libre en mode natif. Donc, je dois renvoyer la chaîne de requête au client dans le cadre de la réponse JSON.

Comme @culithay l'a mentionné dans le commentaire, TokenInput prend en charge de nombreuses fonctionnalités à personnaliser. Et mettez en évidence certaines fonctionnalités que les autres n'ont pas:

  • tokenLimit: nombre maximal de résultats pouvant être sélectionnés par l'utilisateur. Utilisez null pour autoriser des sélections illimitées
  • minChars: nombre minimum de caractères que l'utilisateur doit saisir avant d'effectuer une recherche.
  • queryParam: nom du paramètre de requête qui, selon vous, doit contenir le terme de recherche côté serveur

Merci culithay pour la contribution.

Nishant
la source
3
TokenInput semble être exactement ce que je cherchais: l'utilisateur saisit des éléments, effectue une recherche sur le serveur, l'utilisateur peut sélectionner un élément recherché, rincer et répéter.
Mala
1
TokenInput prend en charge de nombreuses fonctionnalités à personnaliser. Et je souligne certaines fonctionnalités que les autres n'ont pas. - tokenLimit: Le nombre maximal de résultats pouvant être sélectionnés par l'utilisateur. Utilisez null pour autoriser des sélections illimitées - minChars: le nombre minimum de caractères que l'utilisateur doit saisir avant d'effectuer une recherche. - queryParam: le nom du paramètre de requête qui devrait contenir le terme de recherche côté serveur
culithay
1
@culithay ajouté à la réponse
Nishant
Comment ajouter de nouvelles balises gratuites avec elle: stackoverflow.com/questions/28656977/… Difficile :-(
Ciro Santilli 31 冠状 病 六四 事件 法轮功
Bon. Ne pas prendre en charge le marquage libre n'est pas un gros problème, car il peut être facilement surmonté.
RationalRabbit
9

Cela répondait à l'origine à une question supplémentaire sur la sagesse de télécharger jQuery par rapport à y accéder via un CDN, qui n'est plus présent ...

Pour répondre à la chose sur Google. Je suis passé à accéder à JQuery et à la plupart de ces types de bibliothèques via le CDN correspondant dans mes sites.

Comme plus de gens le font, cela signifie qu'il est plus susceptible d'être mis en cache sur les machines des utilisateurs, donc mon vote va pour la bonne idée.

Au cours des cinq années écoulées depuis que j'ai offert cela pour la première fois, c'est devenu une sagesse commune.

julien
la source
3
Nous déployons également cela dans le cadre de nos modèles par défaut. Google peut servir ce code zippé et sorti d'un CDN plus rapidement que nous, et s'il y a même 2% de chances qu'un visiteur ait ce cache, c'est mieux que pas de chance du tout.
Tom
27
Comment est-ce la réponse à la question d'origine?
Derek
3
La dernière partie "Aussi, ..." demande si un lien vers la version Google est une bonne ou une mauvaise idée, et ma réponse est que c'est une idée de plus en plus bonne.
Julian
@Derek Je ne pense pas avoir eu d'autres réponses acceptables quand je l'ai demandé à l'origine. Cela a changé depuis.
Joe Phillips
1

Nous venons d'ouvrir ce plug-in jquery Github: tactivos / jquery-stitch .

user1880508
la source
1
Bien que ce lien puisse répondre à la question, il est préférable d'inclure les parties essentielles de la réponse ici et de fournir le lien de référence. Les réponses de lien uniquement peuvent devenir invalides (et rétrogradées) si la page liée change. Voir Comment répondre pour savoir pourquoi c'est important.
bytebuster
3
La page de démonstration est morte.
Edward Olamisan