티스토리 포스트 자동링크(autolink) 적용

2018. 2. 13. 17:26 블로그/티스토리

티스토리 글쓰기 에디터로는 링크를 입력 하였을때 <a>가 아닌 <p>태그로 입력이 됩니다.

꼭 이렇게 URL 설정을 해주어야 하는 불편함이 있습니다.


하지만 autolink.js를 활용하면 쉽게 바꿀 수 있습니다.


1. 아래 첨부 된 파일을 다운 받습니다.

autolink.js


2. 관리자 > 스킨 편집 > HTML 편집 > 파일업로드 > autolink.js를 추가 합니다.




3. 관리 > 스킨 편집 > HTML 편집 > HTML > Script를 아래 스크립트를 추가합니다.

※ 스킨마다 컨텐츠 영역의 ID나 클래스를 확인하여 추가합니다.

클래스 일 경우 클래스명 앞에 .(점)

 - 예시 : .content .article

ID 일 경우 ID명 앞에 #(샾)

 - 예시 : #content #article


<script type="text/javascript" src="./images/autolink.js"></script>

<script>

$(function(){

autolink($('.article')); //컨텐츠 영역 id 혹은 class

});

</script>



4. 최종확인