0
$('#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 воспрининимается как перенос.

1
  • а вопрос то в чем? 1 июл 2018 в 5:56

1 ответ 1

2

При этом если вместо .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>

8
  • Не совсем ((. Надо, чтобы в id="format" введенный пользователем после пробела текст переносился на новую строку, у Вас одной строкой( С '<br>' тоже экспериментировала. Прям так и вставляет голый <br> между кусками текста.
    – Natalya
    1 июл 2018 в 5:53
  • 1
    @Наташа, вместо .text используйте .html 1 июл 2018 в 5:57
  • @Наташа у меня одной строкой? в моем проимере вместо text(...), html(...).
    – Kosta B.
    1 июл 2018 в 5:58
  • сплит, джоин ... логичнее наверное реплейс? 1 июл 2018 в 5:59
  • 1
    $('#news_title').keyup(function(){ var s = $(this).val(); $( "#format").html(s.replace(/\s/g, '<br>')); }); ;) 1 июл 2018 в 6:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.