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

페이지 정보

shadow2fox 1,961 4 2 2021.03.12 14:03

평점

  • - 평점 : 5점 (2명 참여)

본문

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

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

그누보드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
  • 내사랑
  • 하늘구장
10
shadow2fox - 회원등급 : 자연/Level 142 - 포인트 : 2,539,573
레벨 142
경험치 3,034,326

Progress Bar 73%

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

댓글4

하늘구장님의 댓글

하늘구장 2021.03.13 19:47

입력된 태그들 간의 문제점을 해결한 내용이 추가된 거네요 정말 감사합니다

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

내사랑님의 댓글

내사랑 2021.03.12 19:57

좀 전에 게시글 업로드 하면서 테스트 해 보았는데 잘 작동합니다 추천이에요

하늘구장님의 댓글

하늘구장 2021.03.07 16:05

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

내사랑님의 댓글

내사랑 2021.03.06 21:39

기존 태그 공백 제거의 업그레이드 버전이네요 훌륭하십니다 감사히 잘 사용하겠습니다

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

Total 241113 페이지
제목 글쓴이 날짜 조회 추천
이윰  댓글+2 PATH만 지원되는 filemtime을 curl 이용하여  URL을 지원하도록 확장하기 shadow2fox 2023.06.13 272 2
이윰  댓글+2 비메오 썸네일 추출 올바르게 적용하기 shadow2fox 2023.04.24 455 2
이윰  댓글+2 date 시간 형식으로 출력(~전) 올바르게 해결하기 shadow2fox 2023.03.10 429 2
이윰  댓글+5 유튜브 "이 동영상은 볼 수 없습니다" 해결하기 shadow2fox 2023.02.20 976 3
이윰  댓글+2 Prism.js 플러그인 사용 시 HTML 주석 처리가 삭제되는 문제 해결하기 shadow2fox 2022.04.24 533 2
이윰  댓글+7🏆 유튜브 플레이리스트(playlist) 썸네일 추출과 올바르게 적용하기 shadow2fox 2021.09.01 2,495 3
이윰  댓글+2🏆 이윰빌더 짧은주소를 그누보드 짧은주소로 교체하기 shadow2fox 2021.08.26 1,433 2
이윰  댓글+4🏆 📸 유튜브 썸네일 생성 개선하기 루루아빠 2021.06.24 3,460 3
이윰  댓글+2🏆 글, 댓글 작성시 불필요한 앞뒤 공백 제거해 DB에 저장하기 shadow2fox 2021.06.21 1,166 2
이윰  댓글+3🏆 첨부 이미지 alt 속성 값 게시글 제목으로 보여주기 shadow2fox 2021.06.11 1,150 2
이윰  댓글+3🏆 게시글 검색 단위에 맞는 메뉴 추가하기 shadow2fox 2021.05.18 1,660 2
이윰  댓글+2🏆 글 작성 시 alt 태그 게시글 제목으로 DB에 저장하기 shadow2fox 2021.05.05 1,442 2
이윰  댓글+4🏆 🚩 다중 태그 입력 올바르게 shadow2fox 2021.03.12 1,962 2
이윰  댓글+1🏆 PHP 8.x Fatal error : 중괄호 사용으로 인한 json.class.php 오류 shadow2fox 2021.02.17 1,832 1
이윰  댓글+3🏆 PHP 8.x 지원을 위한 암호화, 복호화 함수 shadow2fox 2021.02.16 2,570 3
이윰  댓글+2🏆 게시글 작성 중복 방지하기 shadow2fox 2021.02.03 1,676 2
이윰  댓글+2🏆 View 페이지에서 이전글, 다음글 버튼에 제목과 썸네일을 가져오기 shadow2fox 2021.01.10 1,541 2
이윰  댓글+5🏆 게시글 작성 시 외부 이미지를 저장하여 썸네일화하기 shadow2fox 2021.01.01 2,520 2
이윰  댓글+2🏆 EXIF 정보 이미지 넓이에 맞게 조정하기 shadow2fox 2020.11.21 1,808 2
이윰  댓글+2🏆 추천 베스트 최신글에서 블라인드 게시글은 제외하기 shadow2fox 2020.11.13 1,418 2