텍스트 영역의 줄 바꿈, "문자

Question

나는 동적으로 추가 CSS 코드와 텍스트 영역을

나는 CSS를 깨끗하게 보이는 모든 후 라인을 분할하기 위해 가능하면 알고 싶어 싶어."; "문자.

I currently have it like this 
--------------------| 
display: inline;color: 
red;    | 
        | 
        | 
        | 
        | 
-------------------- 

And want it to be like this automatically 
--------------------| 
display: inline; | 
color: red;   | 
        | 
        | 
        | 
        | 
-------------------- 

인가가 내가 jQuery를 또는 자바 스크립트로이 작업을 수행 할 수있는 방법은 jQuery를에 액세스 할 수있는 경우

Answer 1

// Using jQuery 
var val = $('textarea').val(); 
$('textarea').val(val.replace(/;/g, ';\n')); 

// Using plain javascript 
var textarea = document.getElementsByTagName('textarea')[0]; 
textarea.value = textarea.value.replace(/;/g, ';\n'); 

Answer 2

이 작동한다

이

그래서 당신은 텍스트 영역을 가지고 말할 수 :

<textarea id="myTextarea"></textarea> 

콘텐츠를 조정하려면 onchange 이벤트 처리기를 연결할 수 있습니다.

$(document).ready(function(){ 
    $('#myTextarea').change(function(){ 
    var oldVal = this.value; 
    var contentSplitBySemiColons = oldVal.split(';'); 
    var thisFragment; 
    for(var i=1;i<contentSplitBySemiColons.length;i++){ 
     thisFragment = contentSplitBySemiColons[i]; 
     if(thisFragment[0] != '\n'){ 
     contentSplitBySemiColons[i] = '\n' + thisFragment; 
     } 
    } 
    this.value = contentSplitBySemiColons.join(';'); 
    }); 
}); 

실용적인 JSFiddle을 사용해 보시기 바랍니다. http://jsfiddle.net/jeLscdm5/4/