로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 잡콕
  • 러브캡슐
  • 분류 전체보기
    • 세상정보
      • 아이디어 연못
      • HR 이야기
      • 이슈이야기
      • Trigger
      • 도서리뷰
      • 유명인의 생활습관
    • 피그말리온(PYGM)
      • 피그말리온 안내
      • 연애관련 NEWS
      • 개발일지
      • 비즈니스일지
    • 집필
      • 새로운 소설
    • CODING
      • BASIC 설정
      • HTML,CSS
      • Javascript
      • React.js
      • REACT NATIVE
      • Java
      • Python
      • etc.
    • PPT(파워포인트)
      • PPT 정보
      • PPT 템플릿양식
    • 자기관리
      • 일상생활(데일리)
    • 4주챌린지
      • 다이어트 게임

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

텍스트 URL링크

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

    2022.12.22 by 피그말리온(PYGM)

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

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(r..

CODING/React.js 2022. 12. 22. 15:53

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
피그말리온 공식 인스타그램
푸터 로고 © 넥스트퍼스 all rights reserved.
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바