티스토리 강좌 / 댓글에 입력한 URL, 링크로 만드는 방법

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

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

  • 스킨 편집의 HTML로 가서 다음 코드를 찾습니다. HTML의 끝 부분에 있습니다.
</s_t3>
  • 그 위에 다음 코드를 넣고 저장하면 끝입니다.(Autolinker.js는 GitHub에 공개된, URL을 찾아 링크로 만들어주는 스크립트입니다.)
<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>

주의할 점은...

  1. 댓글에 URL을 입력하고 저장하면 바로 링크로 바뀌지 않습니다. 그 글에 다시 접속해야 링크로 바뀝니다.
  2. 링크가 있는 댓글에 댓글을 달면 링크가 다 사라집니다. 그 글에 다시 접속해야 링크로 바뀝니다.
  3. 링크 뒤에 조사를 붙이면 그 조사까지 링크로 바뀝니다. 예를 들어 댓글에 https://www.tistory.com/에 라고 쓰면 https://www.tistory.com/에처럼 링크가 생깁니다. 따라서 링크 뒤에 꼭 띄어쓰기를 해야 합니다.
티스토리 반응형 스킨을 찾으시나요?

티스토리 강좌

상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 대표 : 주재범 TEL : 031-388-9261(874) (문의는 메일로 해주세요.) E-MAIL : jb@jbfactory.net 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 사업자정보공개 호스팅서비스 : Amazon Web Services 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침