[JavaScript] HTML 태그들을 제거하자!

#자바스크립트 #유용한함수 #태그제거 #정규식

안녕하세요, 배곧동개발자 입니다.

이번엔 HTML 태그를 없애는 자바스크립트를 포스팅 해보려 합니다!

간혹 게시판 본문 내용과 같이 DB에 HTML을 다 넣어놓는 경우가 있습니다. DB 불러와서 innerHTML을 입히면 바로 페이지가 만들어지므로 어찌보면 편하니까요?

하지만! 그걸 마이그레이션 할 때 또는 여러 경우에서 불편함이 있습니다!

위에는 한 가지 예일 뿐이고 여러 방면에서 HTML태그를 없앨 필요성들이 있지요. 그럴때를 위해! 이런식으로 쓰여 있다고 가정해볼까요?

이것을 자바스크립트의 replace함수와 정규식을 활용해서!

text = text.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/ig, "");

이렇게 하면 HTML 태그가 완전히 사라졌습니다!

하지만, <br/>의 띄워쓰기도 사라졌습니다. 걱정말아요 그대.

text = text.replace(/<br\/>/ig, "\n");
text = text.replace(/<(\/)?([a-zA-Z]*)(\s[a-zA-Z]*=[^>]*)?(\s)*(\/)?>/ig, "");

이렇게 해주면 <br/>이 띄워쓰기로 변합니다!

정규식 잘 모르겠고 저게 뭔소리인줄 모르시겠다고요? 이해하려고 하지 마세요. 요즘시대엔 만들어놓은거 잘쓰는게 프로그래밍 잘하는거랍니다.

함수로 만들어 놓으셔서 필요하실 때 꺼내 쓰시면되겠지요?

이만, 배곧동개발자 였습니다!