Javascript Girl
  1. Javascript Girl
  3. JQuery Tag Editor?
Intereting Posts
Cette méthode Ajax fonctionne-t-elle dans de nombreux navigateurs et systèmes d'exploitation? AngularJS – ajouter un élément HTML à la directive dom dans jQuery Axe X de Highstock: catégories en lieu et place Ecriture de plugins jQuery à l'aide de classes et de prototypes Comment créer un réseau en utilisant des connexions par les pairs de plusieurs pairs? JqGrid: ligne fixe Modifiez le curseur de la souris sur la souris vers le style ancre-like Bouton simple en toile HTML5 En utilisant jQuery, le réglage Draggable sur un élément empêche le flou de tirer lorsque vous cliquez sur l'élément de dragage Convertir l'image locale en base64 en Javascript Bibliothèque JS pour créer une interface de type mindmap La réponse AJAX donne un fichier compressé corrompu (.tgz) Nodejs EventEmitter – Définir la portée de la fonction d'écoute Graphique acyclique dirigé utilisant d3.js sans DOT Support "espace réservé" HTML5

JQuery Tag Editor?

Existe-t-il un éditeur d'étiquettes open source pour jQuery qui fonctionne comme l'éditeur d'étiquettes dans le débordement de pile?

J'ai regardé un tas d'options. Aucun d'entre eux ne semblait correspondre exactement à ce que je cherchais. Voici quelques-unes des choses que j'ai trouvées.

  • Tag-it
  • Tagit
  • Xoxco
  • Tagedit
  • Widen Tagit

J'espère que cela aide 

+--------------------+------+-----+-----+-------+-----+ |Toolkit |Tag-it|Tagit|Xoxco|Tagedit|Widen| +--------------------+------+-----+-----+-------+-----+ |Setting tags |- |+ |+ |? |+ | |programmatically | | | | | | +--------------------+------+-----+-----+-------+-----+ |Getting tags out as |+ |+ |- |? |+ | |an array | | | | | | +--------------------+------+-----+-----+-------+-----+ |Editting existing |- |- |- |+ |+ | |tags | | | | | | +--------------------+------+-----+-----+-------+-----+ |Tab / cursor |- |- |- |- |- | |selecting existing | | | | | | |tags | | | | | | +--------------------+------+-----+-----+-------+-----+ |Sorting tags |- |+ |- |+ |+ | +--------------------+------+-----+-----+-------+-----+ |Placeholder text |- |- |+ |- |- | +--------------------+------+-----+-----+-------+-----+ |Supporting comma |- |+ |- |+ |+ | |inside tags | | | | | | +--------------------+------+-----+-----+-------+-----+

Cette bibliothèque est vraiment sympa:

https://github.com/xoxco/jQuery-Tags-Input

Supporte également l'autocomplète, et il joue bien avec jQuery UI (l'utiliser dans une boîte de dialogue jQuery UI pour le moment).

L'éditeur de balises utilise une fonctionnalité " Autocomplete " – jQueryUI l'a récemment ajouté dans la version 1.8 . Il semble être basé sur le plugin de remplissage automatique jQuery classique par Jörn Zaefferer (je n'ai pas comparé la source, mais l'API semble plutôt similaire).

Tag Editor utilisant jQuery similaire à StackOverflow

Vous pouvez essayer ceci: http://blog.crazybeavers.se/wp-content/Demos/jquery.tag.editor

Lisez ceci aussi:

JQuery Auto Suggest Serverside

Mais le meilleur autosuggest pour moi est celui de http://www.brandspankingnew.net

http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html

Je doute que cela soit vrai pour l'affiche originale, mais pour les personnes qui veulent que les utilisateurs finaux choisissent un univers fixe de balises via une autocomplète (sans pouvoir ajouter leurs propres nouvelles balises), il s'agit d'un plugin jQuery potentiellement lisse:

http://loopj.com/jquery-tokeninput/

Regardez Tagedit il a autocomplé, modifiez les balises existantes, entrez vos propres balises avec une API configurable simple que vous attendez dans un plugin

Essayez avec http://tagedit.webwork-albrecht.de/ il a également quelques bonnes fonctionnalités.