티스토리 강좌 / 댓글에 입력한 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>
주의할 점은...
- 댓글에 URL을 입력하고 저장하면 바로 링크로 바뀌지 않습니다. 그 글에 다시 접속해야 링크로 바뀝니다.
- 링크가 있는 댓글에 댓글을 달면 링크가 다 사라집니다. 그 글에 다시 접속해야 링크로 바뀝니다.
- 링크 뒤에 조사를 붙이면 그 조사까지 링크로 바뀝니다. 예를 들어 댓글에 https://www.tistory.com/에 라고 쓰면 https://www.tistory.com/에처럼 링크가 생깁니다. 따라서 링크 뒤에 꼭 띄어쓰기를 해야 합니다.