[JavaScript] 정규표현식으로 html 태그 제거하는 방법, 태그 제거 정규식

문제상황

 

글자 수를 체크해야 되는 상황인데, CKEditor로 넘기다보니 글자 수 안에 HTML태그들도 함께 들어가게 되었다.

그래서 글자+공백수보다 더 초과해서 글자수로 매겨지는 문제상황이 생겼다.

 

 

태그 제거 전

 

 

태그 제거 후

---

 

정규표현식을 이용해서 태그를 제거한 후에 글자수를 체크하여 문제 해결!

 

아래 정규표현식은 html 태그를 제거하기 위한 식으로 모든 태그를 제거한다.

  const extractTextPattern = /(<([^>]+)>)/gi;

 

이걸 활용하여 아래와 같이 적용해보았다.

//html tag 제거 정규식
var extractTxt = $("#txt-contents").val().replace(/(<([^>]+)>)/gi, '');


//글자수 체크
if( extractTxt.length > 500 ) {
  alert("내용 길이가 500자를 초과 하였습니다.");
  return;
}