¿Complemento de etiquetado de autocompletar de jQuery como las etiquetas de entrada de StackOverflow? [cerrado]

Resuelto Joe Phillips asked hace 15 años • 6 respuestas

¿Qué soluciones logran el mismo autocompletado que utiliza SO para ingresar etiquetas?

Hay complementos que pueden manejar una palabra, pero no he visto ninguno que maneje varias palabras.

Joe Phillips avatar Feb 06 '09 11:02 Joe Phillips
Aceptado

En orden de actividad, demostraciones/ejemplos disponibles y simplicidad:

  • ( demostración ) https://github.com/yairEO/tagify
  • ( demostración ) https://github.com/aehlke/tag-it
  • ( demostración ) https://ioncache.github.io/Tag-Handler/
  • ( demostración ) http://textextjs.com/
  • ( demostración ) https://github.com/webworka/Taggedit
  • ( demostración ) https://github.com/documentcloud/visualsearch/
  • ( demostración ) http://harvesthq.github.io/chosen/ (esto no es realmente un complemento de etiquetado)
  • (¿demostración?) http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
  • (¿demostración?) http://jcesar.artelogico.com/jquery-tagselector/
  • (¿demostración?) http://remysharp.com/wp-content/uploads/2007/12/tagging.php
  • (¿demostración?) http://pietschsoft.com/post/2011/09/09/Tag-Editor-Field-using-jQuery-similar-to-StackOverflow.aspx

Relacionado:

  • https://meta.stackexchange.com/questions/100669/feedback-wanted-improved-tag-editor
Dmytro Nesteriuk avatar Apr 20 '2010 11:04 Dmytro Nesteriuk

Bootstrap: si está utilizando Bootstrap. Este es realmente bueno: Select2

Además, TokenInput es interesante. En primer lugar, no depende de jQuery-UI y, en segundo lugar, su configuración es muy sencilla.

El único problema que tuve fue que no admite el etiquetado gratuito de forma nativa. Entonces, tengo que devolver la cadena de consulta al cliente como parte de la respuesta JSON.


Como @culithay mencionó en el comentario, TokenInput admite muchas funciones para personalizar. Y resaltar alguna característica que los demás no tienen:

  • tokenLimit: el número máximo de resultados que el usuario puede seleccionar. Utilice nulo para permitir selecciones ilimitadas
  • minChars: el número mínimo de caracteres que el usuario debe ingresar antes de realizar una búsqueda.
  • queryParam: el nombre del parámetro de consulta que espera que contenga el término de búsqueda en el lado del servidor.

Gracias culithay por el aporte.

Nishant avatar Feb 10 '2013 07:02 Nishant

Esto originalmente respondió a una pregunta complementaria sobre la conveniencia de descargar jQuery versus acceder a él a través de una CDN, que ya no está presente...

Para responder a lo de Google. Pasé a acceder a JQuery y a la mayoría de estos tipos de bibliotecas a través del CDN correspondiente en mis sitios.

A medida que más personas hacen esto, es más probable que se almacene en caché en las máquinas de los usuarios, por lo que mi voto es por una buena idea.

En los cinco años transcurridos desde que ofrecí esto por primera vez, se ha convertido en sabiduría común.

Julian avatar Feb 06 '2009 14:02 Julian

Otro complemento excelente se puede encontrar en https://documentcloud.github.io/visualsearch/

Mrchief avatar Aug 07 '2011 03:08 Mrchief

Mira este complemento:

  • fuente
  • demostración básica
  • más ejemplos

Cómo usar AJAX para cargar las etiquetas https://stackoverflow.com/a/7662534/1078027

boreq avatar Dec 21 '2011 12:12 boreq