(티스토리) 태그 쉼표 제거 하는 방법 - Javascript

서근

2022. 7. 2. 03:41

QUOTE THE DAY

티스토리 스킨을 꾸미다 보면 태그 부분 뒤에 쉼표( , )가 나타나는 경우가 있는데, 오늘은 이 태그 쉼표를 제거하는 방법에 대해 알아보겠습니다.

(티스토리) 스킨 편집 기초 상식

안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스

seons-dev.tistory.com

태그 쉼표 제거 방법

태그 클래스 찾기

방법은 아주 간단합니다. 우선, 티스토리 스킨 편집 HTML 부분에서 찾기로 태그 클래스를 찾아줘야 합니다.

보통은 티스토리 태그 치환자인 를 찾아주신뒤, 해당 부분의 클래스가 있다면 그 클래스를 복사하시고, 클래스가 없다면 클래스명을 추가해주시면 됩니다.

제 스킨의 경우는 'tags' 이겠네요..!

스크립트 위치

우선 스크립트를 추가할 위치는 </body> 바로 위쪽에 넣어주시면 되는데, 자세한 방법은 위에 스킨 기초 게시글을 읽고 오시면 이해하시리라 사료됩니다.

이제 아래 스크립트를 복사하셔서 태그 클래스 명을 아래 표시되어있는 부분에 그대로 붙여넣어주세요.

클래스명을 넣으실 때에는 반드시 앞에 ( . ) 을 붙여주세요.

<!---태그 쉼표 제거 시작-->
 <script>
  $(function() { $('.이곳에 태그 클래스명 추가').each(function () { var comma = $(this).html(); $(this).html(comma.replace(/,/g, '')); }); });
 </script>
<!---태그 쉼표 제거 끝-->

여기까지 한다면 최종 코드는 아래와 같고, 새로 고침 해보시면 성공적으로 태그 뒤에 쉼표가 사라져 있는 것을 확인하실 수 있습니다.

<html lang="ko">
<body>

<!---태그 쉼표 제거 시작-->
 <script>
  $(function() { $('.tags').each(function () { var comma = $(this).html(); $(this).html(comma.replace(/,/g, '')); }); });
 </script>
<!---태그 쉼표 제거 끝-->

</body>
</html>

오늘은 이렇게 태그 쉼표를 제거하는 방법에 대해 알아보았습니다.

읽어주셔서 감사합니다. 🤟

저작자표시 비영리 변경금지

'FRONT-END > JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT 관련 모음 (0)	2022.08.02
(Javascript)개발자 도구 콘솔창 차단 방법 - 사이트 이동 (1)	2022.07.03
(Javascript) HTML SVG파일에 원하는 색상 적용하는 방법 (0)	2022.06.30
(티스토리) 버튼 클릭 한 번으로 내가 원하는 위치 이동하는 방법 (플로팅버튼) (17)	2022.03.25
클릭가능한 요소에 따라 변하는 커서 만드는 방법 (mix-blend-mode) (13)	2022.03.21