반응형
자바 스크립트에서 nl2br () 해당
중복 가능성 :
jQuery는 줄 바꿈을 br로 변환 (nl2br 상당)
현재 나는 <BR>각 evt.which == 13. nl2br()JavaScript 에 대한 것이 evt.which == 13있습니까? 그래서 이것을 없앨 수 있습니까?
이것은 php.js와 얼마나 다른가요?
$('#TextArea').keypress(function(evt) {
if (evt.which == 13) {
var range = $('#TextArea').getSelection();
var image_selection = range.text;
$('#TextArea').replaceSelection('<BR>');
$('#TextArea1').html($('#TextArea').val());
}
});
php.js 에서 nl2br을 살펴보면 정확히 찾고있는 것 같습니다. 기본적으로 다음과 같습니다.
function nl2br (str, is_xhtml) {
if (typeof str === 'undefined' || str === null) {
return '';
}
var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}
편집 :
사용하는 예제 nl2br()는 다음과 같이 변경 될 수 있습니다.
$('#TextArea').keypress(function(evt){
$('#TextArea1').html(nl2br($('#TextArea').val()));
});
(이는 #TextArea1모든 키를 누를 때마다 업데이트 되며 #TextArea내가 찾고 있다고 생각 하는 값이 변경되지는 않지만 오해 할 수 있습니다)
EDIT2 :
이전 함수의 동작을 얻으려면 ( <br/>s에 삽입 #TextArea) 다음을 수행하십시오.
$('#TextArea').keypress(function(evt){
$('#TextArea').html(nl2br($('#TextArea').val())); // replace linebreaks first
$('#TextArea1').html($('#TextArea').val()); // copy to #TextArea1
});
다음은 php.js의 nl2br 함수 입니다.
function nl2br (str, is_xhtml) {
// http://kevin.vanzonneveld.net
// + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + improved by: Philip Peterson
// + improved by: Onno Marsman
// + improved by: Atli Þór
// + bugfixed by: Onno Marsman
// + input by: Brett Zamir (http://brett-zamir.me)
// + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + improved by: Brett Zamir (http://brett-zamir.me)
// + improved by: Maximusya
// * example 1: nl2br('Kevin\nvan\nZonneveld');
// * returns 1: 'Kevin<br />\nvan<br />\nZonneveld'
// * example 2: nl2br("\nOne\nTwo\n\nThree\n", false);
// * returns 2: '<br>\nOne<br>\nTwo<br>\n<br>\nThree<br>\n'
// * example 3: nl2br("\nOne\nTwo\n\nThree\n", true);
// * returns 3: '<br />\nOne<br />\nTwo<br />\n<br />\nThree<br />\n'
var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br ' + '/>' : '<br>'; // Adjust comment to avoid issue on phpjs.org display
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}
참고 URL : https://stackoverflow.com/questions/7467840/nl2br-equivalent-in-javascript
반응형
'IT TIP' 카테고리의 다른 글
| 다음, 이전 및 완료 버튼으로 키보드를 얻는 방법은 무엇입니까? (0) | 2020.11.21 |
|---|---|
| 컬로 쿠키 보내기 (0) | 2020.11.21 |
| 제한 및 주문과 결합 된 ActiveRecord find_each (0) | 2020.11.21 |
| 별도의 어셈블리에서 컨텍스트로 마이그레이션을 사용 하시겠습니까? (0) | 2020.11.21 |
| CSS로 직사각형 이미지를 원형으로 만드는 방법 (0) | 2020.11.21 |