본문 바로가기
Script/Javascript

자바스크립트 \r(줄바꿈, 엔터)을 <br>로 변경

by 애플 로그 2021. 6. 25.
반응형

자바스크립트 \r(줄바꿈, 엔터)을 <br>로 변경

javascript 줄바꿈 치환 썸네일

\r 또는 \r\n 줄바꿈 개행 문자를 html tag <br> 로 변경해야할때가 있다.

그럴떄 사용하면 유용하다.

 

 

 

<  엔터값(\r\n)  ->  BR 태그 로 변경 >

엔터값을 BR 태그로 변경하는 방법에 대해서 아래에서 자세히 알아보시기 바랍니다.

        function(str) replaceBrTag
        {
            if (str == undefined || str == null)
            {
                return "";
            }

            str = str.replace(/\r\n/ig, '<br>');
            str = str.replace(/\\n/ig, '<br>');
            str = str.replace(/\n/ig, '<br>');
            return str;
        }

 

자 그렇다면 반대 케이스 변경하는 방법이다.

 

< BR태그 -> 엔터값(\r\n)로 변경 >

아래에서 자세히 알아보시기 바랍니다.

        function(str) unreplaceBrTag 
        {
            if (str == undefined || str == null)
            {
                return "";
            }

            str = str.replace(/<br>/ig, '\n');
            str = str.replace(/<\/br>/ig, '\n');
            str = str.replace(/<br \/>/ig, '\n');
            return str;
        }

 

위와 같은 테스트코드는 intellij나 eclipse와 같은 프로그램 실행없이 웹에서 지원하는 테스트 사이트를 통해서도 간단히 테스트를 제공해주는 사이트가 있습니다.

아래를 통해서 자세히 알아보시기 바랍니다.

자바스크립트 테스트 사이트 (클릭)

 

 

 

 

javascript 테스트 사이트

javascript 테스트 사이트 말그대로 web에서 바로 script구문을 짜서 테스트 해볼수 있는 사이트가 있다. http://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net html ,css ,javascript 바로 짜서 result 결과 화면에서

www.appletong.com

 

 

javascript 입력한 값이 전화번호 형식인지 체크 하는 함수

javascript 입력한 값이 전화번호 형식인지 체크 하는 함수 입력값이 전화번호 형식 ( 숫자, - ) 로 이루어져 있는지 체크하는 함수 이다. 정규표현식으로 처리하는 방법과 for문 loof를 돌려서

www.appletong.com

 

 

javascript isEmpty isNotEmpty 빈값체크, null체크

javascript isEmpty isNotEmpty 빈값체크, null체크 java 에서와 같이 ( apache common Lib를 보면) isEmpty, isNotEmpty 함수를 만들어 쓰면 참 편하겠다 라는 생각이 들었다. javascript 에서도 아래와 같..

www.appletong.com

 

 

 

자바스크립트 현재 날짜 시간 구하기 ( yyyyMMdd, yyyyMMddhhmmss )

자바스크립트 현재 날짜 시간 구하기 ( yyyyMMddhhmmss ) javascript를 통해 예제를 "년월일시분초"를 구하는 function example코드를 만들어 보겠습니다. 1. yyyyMMddhhmmss 형식의 string 데이터 반환 ( EX : 2..

www.appletong.com

 

2021.02.20 - [분류 전체보기] - javascript 두 날짜간의 차이 구하기 ( yyyyMMdd 형식 )

 

javascript 두 날짜간의 차이 구하기 ( yyyyMMdd 형식 )

javascript 두 날짜간의 차이 구하기 ( yyyyMMdd 형식 ) javascript에서 두날짜간의 차이 일수를 구해야할 일이 있을때 사용하면 된다. function betweenDay(firstDate, secondDate) { var firstDateObj =..

www.appletong.com

 

댓글