-
[Javascript] textarea 줄바꿈Javascript 2022. 7. 8. 21:15반응형
[Javascript] textarea 줄바꿈
jquery 를 사용한 textarea 줄바꿈 처리
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>textarea 줄바꿈 처리</title> <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> </head> <body> <textarea cols="30" rows="10"></textarea> <button>입력</button> <div></div> <script> $(document).on('click', 'button', function() { const text = textAreaEnter($('textarea').val()); $('div').html(text); }); // textarea 값 줄바꿈 처리 function textAreaEnter(val) { return val.replace(/(?:\r\n|\r|\n)/g, '<br>'); } </script> </body> </html>
반응형'Javascript' 카테고리의 다른 글
[Javascript] 자바스크립트(jQuery) 파라미터(parameter)값 가져오기 (0) 2022.07.13 [Javascript] 자바스크립트(jQuery) 를 사용한 달력 만들기 (0) 2022.07.11 [Javascript] jQuery 팝업창 오늘하루 그만보기 (1) 2022.06.27 [Javascript] ajax error 확인 (0) 2021.07.08 [Javascript] JQuery 상위요소(상위태그) 선택하기 or 부모요소(부모태그) 선택하기 (0) 2021.06.19