jqery url형식 문자열 링크 자동 생성 ( autolink.js )

회사에서 캘린더 관련 작업 중 url 형식으로 분문이 들어오면 자동 태그 걸 수 있도록 기능 개발 요청이 있었다.

기존 소스에서 autolink.js 를 사용하고 있었는데 

걸리는 부분이 있고 안걸리는 부분이 있어서 정규식 및 몇몇 부분만 수정해주니 잘 되었다.

 

autolink.js 사용법은 이분 블로그에 잘 나와있으니 참고하시면 될 것 같다.

https://infotake.tistory.com/93

[Javascript] 자바스크립트 게시물 링크 자동 생성하기 - autolink.js

여기선 정규식 수정한 내용만 보도록 하겠다.

 

pattern = /((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/gi;

이런식으로 적용해주고 replace 시켰다.

 

정규식 검증 사이트인 regex101.com

regex101: build, test, and debug regex

반응형

이 곳에서 정규식을 확인해 볼 수 있다.

앞에 이상한 문자열이 있어도 잘 걸러져서 링크가 걸리는 모습! 

정규식은 아무리 봐도 잘 모르겠다... 또 잊어먹기 전에 정리해두자!