본문 바로가기
인터넷, IT 이야기/티스토리 이야기

티스토리 태그 사이의 콤마(,) 없애기

by 아임슬로리. 2023. 8. 24.

티스토리에서 리스트 또는 글 상세페이지, 그리고 페이지(태그)에 모두 해당되는 콤마(,) 없애는 방법입니다.

기본으로 제공되는 스킨을 선택하고 이리저리 고치던 중에 태그가 노출되는데 아래와 같이 노출이 되더라고요. 예를 들면,

사과, 고구마, 감자, 귤, 오렌지... 

 

티스토리 태그 사이 콤마(,) 삭제는 어떻게?

이런 식으로 각 태그 사이에 콤마(,)가 표시되는데 이걸 없애고 싶어서 스킨 > Html 편집으로 가봤더니 티스토리 코드가 있어서 수정을 할 수가 없더라고요. 그래서 CSS로도 접근을 해봤는데 오히려 html 코드에 아래처럼 처리했더니 깔끔하고 완벽하게 적용을 했습니다.

<html lang="ko">
<body>

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

</body>
</html>

그리고 태그 뒤에 ::after를 사용해서 content: ", "; 를 넣어주는 것이 더 좋은 것 같음.