Метод text (jquery) символ '\n' воспринимает как пробел

152

15 августа 2018, 12:40

$('#news_title').keyup(function(){               
    var s = $(this).val();
        $('#format').text(s);
   $( "#format" ).text(function( index, s ) {       
            s = s.split(" ").join('\n');//соединяет пробелом
      //s = s.split(" ").join('Ёлка');//соединяет Ёлкой
            return s; 
    });
});

https://jsfiddle.net/Nata_Hamster/L8r0yk5x/

При этом если вместо .text метод .val (cответственно, вместо div второй textarea), \n воспрининимается как перенос.

Answer 1

При этом если вместо .text метод .val (cответственно, вместо div второй textarea), \n воспрининимается как перенос.

Если надо отразить \n в HTML, то это <br>.

$('#news_title').keyup(function(){                
    var s = $(this).val(); 
		$('#format').text(s); 
		 
   $( "#format" ).html(function( index, s ) {		 
			//s = s.split("\n").join('<br>');//соединяет \n с <br> 
			return s.replace(/\n/, '<br>');  
	}); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<textarea id="news_title"></textarea></br> 
 
<div id="format" ></div>

// @MedvedevDev 
$('#news_title').keyup(function() { 
  var s = $(this).val(); 
  $("#format").html(s.replace(/\s/g, '<br>')); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<textarea id="news_title"></textarea></br> 
 
<div id="format"></div>