Emuliere den SO-Tag-Editor

8

Ich versuche, ein "Tag Editor" -Feld in meiner App zu implementieren, genau wie SO. Gerade jetzt habe ich das:

EDIT: Ich habe dies in ein jQuery-Plugin unter: Ссылка

Geige

Ссылка

html

%Vor%

js

%Vor%

})

css

%Vor%

Das Problem ist, wie kann ich den "versteckten" Inhalt mit den Pfeiltasten handhaben, so wie SO? Es sieht so aus, als müsste ich mit der Cursorposition innerhalb der Textfelder umgehen und nach den Ereignissen Pfeil links und Pfeil rechts suchen ... und es gibt auch den Klick auf die fertigen Tags.

Ich kann mir die folgenden (Anti-SO-Design) Lösungen vorstellen:

  1. Entfernen Sie white-space: nowrap aus dem tags_container Div und lassen Sie es Das div "wächst", wenn der Benutzer weitere Tags hinzufügt.

  2. Fügen Sie overflow: scroll dem tags_container div (sehr hässlich!)

    3. hinzu

Ich freue mich über neue Ideen, wie Sie das Verhalten des SO-Tag-Editors approximieren . Danke!

    
Fernando 22.06.2013, 23:52
quelle

1 Antwort

3

Erfinde das Rad neu, das ist eine schlechte Übung: Sieh dir den exzellenten Tag-it jQuery-Plugin-Code an, den er implementiert das Zeug, an dem du arbeitest.

    
smonff 23.06.2013, 00:35
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset PhoneGap E-Mail-Plugin