함께 jQuery 토큰 입력 및 텍스트 사용

Question

사용자가 내 ASP.NET MVC 응용 프로그램의 TextBox에 긴 문자열 값을 제공하길 원합니다. 문자열에서 사용자가 이미 시스템에있는 단어를 입력하면이를 jQuery 토큰과 함께 표시하려고합니다.

이것은 더 나은 예를 들어 설명 : ". 나는 일요일 아침을 제외하고 매일 아침 커피를 마시는"

이의 사용자가 입력 한 문구가 있다고 가정 해 봅시다 이 예에서 데이터베이스에 'coffee'와 'Sunday'라는 단어가 이미 각각의 ID가 같은 것으로 가정 해 보겠습니다. 커피 Id : 123 및 "Sunday"Id : 7789

사용자가 구를 입력 할 때 "coffee"및 "Sunday"라는 단어를 jQuery 입력 토큰으로 자동 바꾸기를 원합니다. 아이디어는 가능한 한 고유 한 ID로 각 단어를 식별한다는 것입니다. 즉, 커피는 123이고 일요일은 7789입니다.

따라서이 구를 내 시스템에 저장할 때 "나는 마시 [Id : 123] 매일 아침 [Id : 7789] 아침을 제외하고 ". 그러나 친숙한 단어가 jQuery 토큰으로 표시된다는 것을 제외하고는 사용자가 입력 한 구문을 보게됩니다.

이 동작을 만드는 데 도움이 될 수 있습니다.

Answer 1

jQuery TokenInput을 사용하면 가능합니다. (웹 사이트에서 구식 1.6.0이 아닌, 프리 태그 기능을위한 Github의 최신 버전을 다운로드하십시오.)

사전에없는 문구가 표시된 텍스트 번역 기반 프로젝트의 경우 유사한 작업을 수행했습니다. 다르게. '토큰'과 '토큰이 아닌'대신 모든 것이 토큰이 될 것이고, 일부 토큰은 CSS 클래스를 추가하여 일반 텍스트처럼 보이게 할 수 있습니다.

TokenInput을 사용하면 allowFreeTagging:true이 사전이 아닌 단어를 입력하도록 설정해야합니다. 내가 공백 태그를 '제출'하고 각 단어를 개별적으로 처리하기를 원한다고 생각합니다. 그런 다음 onFreeTaggingAdd() 콜백을 사용하여 사전에없는 태그에 새 CSS 클래스를 추가하십시오. CSS는 단순히 '테두리', '배경색'및 '패딩'을 제거하여 '숫자'처럼 보이게 만듭니다. 나는 당신이 코드베이스에 대한 간단한 수정과 함께 옵션을 통해 각 토큰에서 삭제 버튼을 제거 할 수 있어야한다고 생각한다.