Facebook 상태 업데이트 게시자와 같은 텍스트 입력을 만들고 싶습니다. 기본적으로 특정 키 (예 : @)로 태그 지정/자동 완성 기능을 활성화 할 수있는 입력 기능, 텍스트 입력에서 단일 문자로 작동하는 태그 생성 (단일 백 스페이스로 삭제할 수 있음) 및 일반 텍스트 입력 허용 . Facebook과 다른 점은 하나의 '태그'만 허용하고 입력 시작 부분에서만 허용하는 것입니다.Facebook 상태 jQuery로 자동 완성/태그 지정 기능 업데이트
jQuery를 사용하면 가장 유용한 옵션이 contenteditable div입니다. 그러나, 거기에서 jQuery로 무엇을 해야할지 거의 알지 못합니다. 누구든지 나를 시작할 수 있도록 도와 줄 수 있습니까? 감사.
내 친구가 지난주에 "문제"에 부딪쳤다. 첫 번째 답의 토큰 화 자동 완성 플러그인이 질문을 요구하고 정확히 수행하지 않습니다
http://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin
: 그는 꽤 자기 설명입니다이 플러그인을 사용하여 끝났다. 이 플러그인을 사용하면 중간에 일반 텍스트가없는 검색 결과 목록 만 작성할 수 있습니다.
나는 여기에서 찾을 수 있습니다이 내 자신의 솔루션을 작성 결국 : 당신에 적합한 기존의 해결책을 찾기 위해 관리하고 (6+ 년 후) 지금,
희망이 당신의 요구 사항을 충족 시키거나 자신 만의 제품을 출시 할 수있게되었습니다. 당신이하지 않았다면, 나는 다음과 같은 도움이 당신에게 도움이 될 것임을 깨달았습니다.
자동 완성 모듈 : 조달 및 언급을 만드는 데 사용할 수있는 아이템 세트를 표시하는 구성 요소 책임, 문자열 주어진
A는 - 관리 유틸리티는 3 가지 구성 요소가 있습니다 "언급" .
언급 추적 모듈 : 언급 관련 데이터를 추적하는 구성 요소. 최소한 각 위치의 표면적 및 실체 적 (존재한다면) 가치는 유틸리티가 부착 된 입력 요소의 모든 텍스트 수정을 통해 추적되어야한다.
언급 시각적 차별화 모듈 상기 입력 요소의 명세서의 나머지 부분에서 언급 텍스트 구별을위한 성분 책임 유틸리티 희망 이러한 유틸리티의 고장
기존의 강력한 구현을 사용하려면 Mentionator을 보시기 바랍니다.이 사람은 바로 여기에 있습니다. :)