오라클 textarea 줄바꿈 - olakeul textarea julbakkum

* textArea안에 집어넣을때

===================================================================================

var str = "1. 첫번째줄입니다. \n" ;

    str += "2. 두번째줄입니다. \n" ;

    str += "3. 세번째줄입니다. " ;

document.getElementById( 'text_area').innerHTML = str; // textarea에 ID

=========================================================================

*textArea에서 꺼내올때

==========================================================================

var str = "1. 첫번째줄입니다. \n" ;

    str += "2. 두번째줄입니다. \n" ;

    str += "3. 세번째줄입니다. " ;

var replacement = replaceAll(str, '\n', '<br/>'); // html형식으로 바꿈

function replaceAll(str, target, replacement) {

                   return str.split(target).join(replacement);

            };

==========================================================================

 

\n만 치환하면 안된다 \r\n 전부다 해줘야 한다.--(이것 때문에 고생했슴) &lt;br&gt; &lt;p align="left"&gt;1. textarea 에 엔터값을 그냥 DB에 넣어서 처리 할 경우&lt;/p&gt; &lt;p align="left"&gt;---------------------------------------------------&lt;/p&gt; &lt;p align="left"&gt;DB상에는 엔터값이 먹힌 상태로 들어간다. 그 값을 나중에 html 코드에 가져오면&lt;/p&gt; &lt;p align="left"&gt;그냥 한줄로 출력이 된다.&lt;/p&gt; &lt;p align="left"&gt;이 때 &amp;lt;pre&amp;gt;태그를 써서 줄바꿈이 먹게 만들면 될것이다.&lt;/p&gt; &lt;p align="left"&gt;하지만 잘 살펴보면 DB상에 저장된 데이터에서 맨 마지막에 엔터가 한번 더 들어가 있는 것을 볼 수 있을 것이다. 따라서 내가 원하는 이쁜 배열은 안나온다..&lt;/p&gt; &lt;br&gt; &lt;p align="left"&gt;2. textarea에서 엔터값을 치환&amp;lt;권장하는 방법이다&amp;gt;&lt;/p&gt; &lt;p align="left"&gt;----------------------------------------------------&lt;/p&gt; &lt;p align="left"&gt;이 부분은 여러 문서가 있다. asp,php,jsp의 처리 방법이 같지 않은거 같다.&lt;/p&gt; &lt;p align="left"&gt;여기서 사용하는 함수는 replace 함수이다(함수에 대한 설명은 찾아보삼)&lt;/p&gt; &lt;p align="left"&gt;textarea의 name 값이 contents 라 한다면,&lt;/p&gt; &lt;p align="left"&gt;그 값을 받는 부분에서 변환을 한다. &lt;/p&gt; &lt;p align="left"&gt;(실질적인 JSP 코드가 들어가있는 부분을 말한다.)&lt;/p&gt; &lt;br&gt; &lt;p align="left"&gt;String content = request.getParameter("contents"); &lt;/p&gt; &lt;p align="left"&gt;&amp;nbsp;전페이지에서 DB쿼리 실행하는 페이지에서 쓴다.&lt;/p&gt; &lt;p align="left"&gt;이 부분을 통해 textarea 값을 받아올 수 있따.&lt;/p&gt; &lt;p align="left"&gt;textarea 상에서 엔터는 어떤문자로 인식이 되냐면&lt;/p&gt; &lt;p align="left"&gt;\r\n 으로 표시가 된다.&lt;/p&gt; &lt;p align="left"&gt;이것을 치환을 한다!&lt;/p&gt; &lt;br&gt; &lt;p align="left"&gt;contents = contents.replace("\r\n","&amp;lt;br&amp;gt;");&lt;/p&gt; &lt;p align="left"&gt;이렇게 하면 엔터가 DB상에 &amp;lt;br&amp;gt;로 바껴서 저장이 되고, html 코드에 가져올 때 자동적으로 &amp;lt;br&amp;gt;태그가 먹혀서 줄바꿈이 된다.&lt;/p&gt; &lt;br&gt; &lt;p align="left"&gt;이 방법을 쓴다면, 이 값을 불러오는 페이지에서 아무 처리를 안해도 원하는 결과를&lt;/p&gt; &lt;p align="left"&gt;얻을 수 있다 &lt;/p&gt;&lt;div class="autosourcing-stub"&gt; &lt;p style="PADDING-BOTTOM:0px;FONT-STYLE:normal;MARGIN:11px 0px 7px;PADDING-LEFT:0px;PADDING-RIGHT:0px;FONT-FAMILY:Dotum;FONT-SIZE:12px;FONT-WEIGHT:normal;PADDING-TOP:0px"&gt;&lt;strong style="PADDING-BOTTOM:0px;PADDING-LEFT:0px;PADDING-RIGHT:7px;PADDING-TOP:0px"&gt;[출처]&lt;/strong&gt; &lt;a href="http://blog.naver.com/amnesty7/30027618458" target="_blank"&gt;textarea 관련 엔터 치환...&lt;/a&gt;&lt;span style="PADDING-BOTTOM:0px;PADDING-LEFT:5px;PADDING-RIGHT:7px;PADDING-TOP:0px"&gt;|&lt;/span&gt;&lt;strong style="PADDING-BOTTOM:0px;PADDING-LEFT:0px;PADDING-RIGHT:7px;PADDING-TOP:0px"&gt;작성자&lt;/strong&gt; &lt;a href="http://blog.naver.com/amnesty7" target="_blank"&gt;까만머루&lt;/a&gt;&lt;/p&gt;&lt;/div&gt; &lt;div class="container_postbtn #post_button_group"&gt; &lt;div class="postbtn_like"&gt; &lt;script&gt; window.ReactionButtonType = 'reaction'; window.ReactionApiUrl = '//webprogrammer.tistory.com/reaction'; window.ReactionReqBody = { entryId: 1271 } <div class="wrap_btn" id="reaction-1271"></div> <script src="https://t1.daumcdn.net/tistory_admin/assets/blog/tistory-dd96271e0bbe5a4ba7145ae20b1e0e7f4ba97203/blogs/script/reaction/reaction-button-container.min.js?_version_=tistory-dd96271e0bbe5a4ba7145ae20b1e0e7f4ba97203">