[이윰] 다중 태그 입력 올바르게

페이지 정보

shadow2fox shadow2fox 2,545 4 2 2021.03.12 14:03:51

본문

📝 다중 태그 입력 올바르게
기존 게시글 "태그 앞과 뒤 공백 제거하기"에 언급했었던 쉼표(콤마)를 이용한 다중 태그 작성 시 공백 체크를 해결하고 추가적인 문제점을 해결한 방법이다.

글 작성자가 등록하고자 하는 다중 태그 키워드 사이에 의도치 않은 공백과 중복된 태그 키워드 그리고 다중 태그 입력시 구분 기호인 콤마(,)를 명확히 구별하여 태그 키워드를 포함하지 않는 의미없는 콤마(,)는 제거하도록 해 보자.

그누보드5/eyoom/theme/설치된 테마/skin_bs/board/수정할 스킨명/write.skin.html을 열어 var obj = $('#tmp_tag');를 검색하여 수정한다.

수정 전

            var obj = $('#tmp_tag');
            var tag = obj.val();
            if(!tag) {
                obj.focus();
            } else {

수정 후

            var obj = $('#tmp_tag');
            var tag = obj.val();
            tag = jQuery.trim(tag);        //입력할 태그 앞뒤 공백 제거
            tag = tag.toString().replace(/,[ ]*|[ ]*,/gi, ',');        //입력할 태그 콤마 사이 공백 제거
            tag = tag.split(',');        //입력할 태그 콤마로 나누어 배열로
            tag = Array.from(new Set(tag));        //입력할 태그 중 중복 태그를 제거
            tag = tag.toString().replace(/,,/gi, ',');        //입력할 태그 다중콤마를 콤마로 교체
            if(!tag) {
                obj.focus();
            } else {
위 소스는 전체 태그 키워드가 아니라 입력하는 태그 키워드 자체를 검사하여 수정하는 방법이다.

그누보드5/eyoom/core/board/write_update.skin.php를 열어 $wr_tag = implode(',', $tag_array);를 검색하여 다음과 같이 수정한다.

수정 전

        if(isset($tag_array)) {
            $wr_tag = implode(',', $tag_array);

수정 후

        if(isset($tag_array)) {
            $tag_array = array_unique($tag_array);        //입력 완료된 전체 태그 중 중복 태그를 제거
            $wr_tag = implode(',', $tag_array);
이윰빌더 자체에는 단일 태그 키워드 입력 후 중복된 단일 태그 키워드 입력 시 중복 검사를 해 입력이 불가함을 안내하지만 위 소스의 수정으로 단일 태그 키워드 입력 후 단일 태그 키워드가 포함된 다중 태그 키워드를 입력할 경우 그 중복된 태그 키워드를 제거하여 입력되도록 한다.

끌어올림|2021.03.12 14:03|횟수 1

추천인 2
  • 012i1052u
    내사랑
  • skyfield4u
    하늘구장
shadow2fox
10
shadow2fox - 회원등급 : 자연/Level 148 - 포인트 : 2,632,264
레벨 148
경험치 3,292,346

Progress Bar 65.2%

- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은 자기 자신에게 기회를 주는 것이다. - 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.

댓글4

하늘구장님의 댓글

skyfield4u
하늘구장 2021.03.13 19:47
입력된 태그들 간의 문제점을 해결한 내용이 추가된 거네요 정말 감사합니다

축하합니다. 지뢰폭탄 제거로 42경험치를 획득하였습니다.

내사랑님의 댓글

012i1052u
내사랑 2021.03.12 19:57
좀 전에 게시글 업로드 하면서 테스트 해 보았는데 잘 작동합니다 추천이에요

하늘구장님의 댓글

skyfield4u
하늘구장 2021.03.07 16:05
멋지네요 종종 다중 태그를 복사 붙여넣기 할 경우 콤마 실수, 중복 태그가 입력되곤 했는데 너무 좋은 팁이네요 감사히 적용하겠습니다

내사랑님의 댓글

012i1052u
내사랑 2021.03.06 21:39
기존 태그 공백 제거의 업그레이드 버전이네요 훌륭하십니다 감사히 잘 사용하겠습니다

축하합니다. 첫 댓글로 12경험치를 획득하였습니다.

Total 769426 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 1.1.9 - 그누보드 5.1.0 테마버전 지원 루루아빠 2015.08.05 3.8k 0
이윰  🏆 모바일에서는 링크 이동시 로딩중 이미지 띄우기 루루아빠 2015.06.17 3.8k 1
에디터  댓글+1🏆 에디터상에서 이미지 가운데 정렬 루루아빠 2015.05.23 3.8k 0
이윰  🏆 📸 여분필드를 활용한 간단한 게시판 입력 서식 만들기 루루아빠 2016.05.13 3.8k 0
그누•영카트  🏆 영카트 상품 증가 감소 선택 문자 바꾸기 루루아빠 2015.05.01 3.8k 0
에디터  🏆 smarteditor2를 이용하여 이미지 업로드시 이미지 위에 타이틀 팝업창 없애기 루루아빠 2015.04.11 3.8k 0
이윰  댓글+1🏆 디바이스에 따른 내용 보이기 숨기기 루루아빠 2015.03.20 3.8k 0
이윰  댓글+1🏆 스타일박스 패치, ios 관련 패치 루루아빠 2015.07.09 3.8k 0
이윰  댓글+2🏆 쪽지 보낼때 캡챠코드 사용하지 않기 - 오류 루루아빠 2015.09.24 3.8k 0
그누•영카트  🏆 접속자 관리에서 브라우저와 OS 종류를 추가해보자 루루아빠 2015.07.20 3.7k 0
그누•영카트  🏆 메인화면에 블로그 형태로 게시판 보이기 루루아빠 2015.03.10 3.7k 0
에디터  🏆 smarteditor2 로 사진 첨부시 에디터 크기에 맞게 리사이즈 루루아빠 2015.04.23 3.7k 0
제로  🏆 카테고리/페이지 상관없이 공지는 무조건 보이게 루루아빠 2006.05.26 3.7k 0
제로  🏆 💾 회원가입시 아이디체크 (중복, 필터링, 검색, 사용시 입력창으로..) 루루아빠 2005.07.07 3.7k 0
제로  🏆 💾 [스킨만들기] list_foot.php(목록출력 마무리 부분)의 설명입니다 루루아빠 2005.06.23 3.7k 0
에디터  🏆 CKeditor4.x 에디터 툴바 고정후 스크롤시 firefox에서 가로폭 늘어나는 문제 해결 루루아빠 2016.09.18 3.7k 0
JavaScript  🏆 모달창(Modal Window) backdrop(모달창 바깥 부분) 클릭시 모달창 닫지 않기 루루아빠 2016.05.06 3.7k 0
에디터  🏆 CKeditor4.x 에디터 상 엔터를 쉬프트+엔터 바꾸기 루루아빠 2015.04.24 3.7k 0
그누•영카트  🏆 영카트 5.0.36 패치 루루아빠 2015.06.04 3.7k 0
이윰  댓글+2🏆 게시판 카테고리 탭 형식으로 만들기 루루아빠 2015.04.21 3.7k 0
이윰  🏆 갤러리 목록에서 현재 보고있는 게시물에 "열랄중" 표시하기 루루아빠 2015.06.20 3.7k 0
에디터  🏆 CKeditor4.x Toolbar Icon 순서 입맛대로 정렬하기 루루아빠 2016.06.04 3.7k 0
jQuery  댓글+1🏆 게시글 본문 내에 첨부된 이미지가 엑박으로 뜨는 경우 특정 이미지로 대체하기 루루아빠 2016.05.21 3.7k 0
그누•영카트  🏆 그누보드 5.1.15 패치 루루아빠 2016.03.21 3.7k 0
이윰  🏆 로그인을 메인으로 - 회원제 사이트 - 폐쇄형 사이트용 루루아빠 2015.07.08 3.7k 0
그누•영카트  🏆 영카트 5.2.3 패치 루루아빠 2016.10.19 3.7k 0
제로  🏆 📸 💾 포털 사이트의 로그인 기능 흉내내기 루루아빠 2006.05.24 3.7k 0
그누•영카트  🏆 그누보드 5.0.41 패치 루루아빠 2015.07.20 3.7k 0
이윰  🏆 이윰빌더 1.1.4 패치 루루아빠 2015.06.08 3.7k 0
제로  🏆 쓰기에서 허용태그 미리보여주기 루루아빠 2005.09.11 3.7k 0