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>");
};
글자가 넘칠 때 ...로 생략하는 법 - react, tailwind css (0) | 2022.12.22 |
---|---|
모달창 외부스크롤 방지 - react.js (0) | 2022.12.22 |
비동기처리 이벤트 없이 처음 실행되는 방법 - React.js (0) | 2022.12.21 |
회원가입 관련 Front-end와 Back-end 정리 (0) | 2022.06.01 |
react-quill 사용(이미지 포함)방법 (0) | 2022.05.29 |
댓글 영역