상세 컨텐츠

본문 제목

텍스트 중 하이퍼링크 필터링 체크하여 a태그로 변환(react.js)

CODING/React.js

by 피그말리온(PYGM) 2022. 12. 22. 15:53

본문

textarea로 작성된 data를 불러올 때,

글 중간에 URL 링크 삽입시 바로 링크로 연동될 수 있도록 하는 함수입니다.

정규표현식을 통해 http, https, www 등의 프로토콜 여부를 체크한 후에 해당 부분을 a태그로 변형해준다.

const  parseLinkTextToHTML  =  (text)  =>  {
const  regURL  =  new  RegExp("(http|https|ftp|www|telnet|news|irc)://([-/.a-zA-Z0-9_~#%$?&=:200-377()]+)",  "gi");
const  regEmail  =  new  RegExp("([xA1-xFEa-z0-9_-]+@[xA1-xFEa-z0-9-]+.[a-z0-9-]+)",  "gi");
return text
?.replace(regURL,  "<a href='$1://$2' target='_blank'>$1://$2</a>")
?.replace(regEmail,  "<a href='mailto:$1'>$1</a>");
};
반응형

관련글 더보기

댓글 영역