티스토리 블로그 댓글창에 URL 링크걸기

티스토리 블로그 댓글 입력란에 URL 링크거는 기능이 있다면 얼마나 좋을까 하고, 구글링으로 찾아다니다 포기하고 깜빡하고 있었는데요.

그동안 사용하던 Fastboot 스킨이 제작자가 뭔 사연이 있는지 몇 년 동안 업데이트가 안 되어, 얼마 전 유료 스킨인 JB FACTORY라는 스킨으로 갈아 탔습니다.

그리고 스킨 제작자분의 강좌를 살펴보던 중 그동안 그렇게 찾아 헤매던 댓글에 url 링크거는 강좌가 있어 팁을 가지고 왔습니다.

그 분의 표현을 복붙해 넣으면...

티스토리의 댓글은 평문으로 입력됩니다. HTML 코드를 넣어도 코드로 인식하지 않고 문자로 인식합니다. 따라서 링크를 넣을 수가 없는데...

스크립트를 이용하면 문자열을 분석해서 URL을 링크로 만들 수 있습니다. 방법은 다음과 같습니다.

스킨 편집의 HTML로 가서 다음 코드를 찾습니다. HTML의 끝 부분에 있습니다.

~ㅋ...

</s_t3>

</s_t3> 코드 위에 아래 스크립트를 넣어주고 적용 버튼을 눌러주면 끝입니다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/autolinker/3.14.1/Autolinker.min.js"></script>	
<script>
  ( function( $ ) {
    $( 'div[id^="entry"]' ).html( Autolinker.link( $( 'div[id^="entry"]' ).html(), { stripPrefix: false } ) );
  } )( tjQuery );
</script>

댓글창 url 링크 스크립트.txt

그리고 주소 링크를 걸 댓글창 입력란에 URL을 입력하고 등록해 보세요.

그런데 왠 일인지 댓글은 올렸는데, 링크가 안 걸렸습니다~😥

걱정하지 마시고 댓글을 단 현재 페이지에서 나왔다 다시 들어가 보시길요.

댓글을 확인해 보면 URL 텍스트가 파랗게 표시되며 링크가 걸린 걸 확인할 수 있습니다.

여기서 주의할 점은 링크 주소 뒤에 들어갈 문구를 URL에 붙여 입력하면 안 된다는 점입니다.

한칸띄어 입력해야 합니다. 예를 들어...

https://sunstar2.tistory.com/2118댓글 링크 테스트 중입니다. 라고 쓰면 댓글이라는 단어까지 링크되니...

https://sunstar2.tistory.com/2118 댓글 링크 테스트 중입니다. 가 정답이 되겠습니다.

글을 마치며...

이 팁이 모든 스킨에 적용되는지는 테스트 조건이 되질 않아 모르지만, 요건이 된다면 적용해 보시길요.

감사합니다~🙂