텍스트 영역 내부에 단락 간격을 추가 할 수 있습니까?

Question

CSS 또는 JS를 통해 텍스트 영역 내부의 텍스트에 단락 간격 영상을 추가하는 방법이 있는지 궁금하십니까?

나는 선 높이를 알고 있지만 단락 사이에 간격을두기 위해 텍스트 영역 내부에 두 번 누르지 말고 단락 자체 앞뒤에 단락의 느낌을 추가하고 싶습니다.

텍스트 영역만으로 가능합니까? 아니면 리치 텍스트 편집기를 고려해야합니까, 아니면 간단한 텍스트 편집기를 단락 간격으로 직접 작성해야합니까? (필자는 단지 단락 간격을두고 있기 때문에 차라리이 경로를 사용하지 않고 텍스트 편집기와 함께 제공되는 모든 추가 서식 옵션이 아님)

Answer 1

Nope. line-spacing 속성이 없으면 영역 값을 변경하지 않고 textarea의 단락 사이에 공백을 추가 할 수 없습니다. 이것은 JavaScript 또는 CSS 선택자가 할 수있는 것이 아닙니다.

Answer 2

예, keyboard event values, 특히 Enter 키를 수신하는 동안 텍스트 영역의 값을 바꿔 JavaScript로 가능해야합니다.

변수에 값을 저장하고 사용자가 enter (해당 이벤트 값은 13)를 누를 때마다 해당 텍스트를 취해 끝에 새 줄을 추가합니다. 이제 변수에 저장된 값이되고 다음에 사용자가 Enter 키를 눌렀을 때 새 행이 추가됩니다.

$('#my-text').keypress(function(e) { 
    if(e.which === 13) { 
    var text = $('#my-text').val(); 
    $('#my-text').val(text + '\n'); 
    } 
}); 

e 매개 변수로 전달 된 키보드 이벤트이며, 그가 키 입력 될 일 때, 코드는 텍스트 값을 저장합니다

다음은 이미 jQuery를 사용하는 경우 쉽게 구현입니다 그 다음 텍스트 영역의 값을 그 값과 새로운 행으로 대체합니다.

다음은 코드 백 데모입니다. http://codepen.io/denmch/pen/qNyjZE