728x90
textarea 를 통해서 등록된 내용을 보여 줄 때,
엔터키로 줄바꿈된 내용이 옆으로 붙어 나오게 됩니다.
이럴 경우 엔터키를 br 태그를 이용해서 줄 바꿈하여 나타내는데 많이 사용하는 함수를 알려드립니다.
보통 문자열을 치환하거나 제한을 할 경우에 정규식 표현을 많이 사용하는데,
이번에 알려드리는 방법 또한 정규식을 활용한 함수 예제입니다.
function newLineToBr(checkString) {
let returnValue = checkString;
if (checkString !== '' && typeof (checkString) !== 'undefined') {
returnValue = checkString.replace(new RegExp('\r?\n', 'g'), '<br />');
}
return returnValue;
}
간단한 정규식 활용 방법을 통해서 도움이 되었으면 합니다.
반응형
'팁 & 노하우 > Javascript' 카테고리의 다른 글
vue3 js 목록에서 마우스 오버 시 글자, 버튼 등 나타나게 (0) | 2024.03.25 |
---|---|
뷰3 스타일 클래스 인라인 바인딩 (Vue.js 3 Style Class inline Binding) (0) | 2024.03.19 |
실전 꿀팁 + javascript 정수 random 랜덤 난수 만들기 (0) | 2024.03.07 |
javascript 천 단위 구분 기호 표시 (0) | 2024.03.05 |
moment "Invalid date" 에러 처리 하기 (0) | 2024.02.29 |