Question

我正在尝试在keyup中的div中显示textarea中的值。我在显示换行符时遇到问题。我的预览div中的文本显示为内联。我尝试使用替换并将'/ n'替换为'
'，但它只显示内联的所有内容。这是我的html和jquery代码。

<input type="textarea" id="mytextarea"></textarea>
<div id="preview"></div>

$(document).ready(function () {    

      var content = $('#mytextarea').val();

      $('#mytextarea').keyup(function () {

          if ($('#mytextarea').val() != content) {
               content = $('#mytextarea').val().replace("\n", "<br />");

               $('#preview').text(content);            
           }
      });

});

有谁能告诉我如何用换行符显示预览div中文本区域的内容？

Answer 1

尝试这样的事情

javascript代码

    $(function(){
          var content = $('#mytextarea').val();
          $('#mytextarea').keyup(function () {
              if (this.value != content) {
                content = this.value.replace(/\n/g, "<br />");
                   $('#preview').html(content );            
               }
          });
    })

html代码

    <textarea id="mytextarea"></textarea>
    <div id="preview"></div>

Answer 2

$(document).ready(function () {    

  var content = $('#mytextarea').val();

  $('#mytextarea').keyup(function () {

      if ($('#mytextarea').val() != content) {
          content = $('#mytextarea').val().replace(/\\n/g, "<br />");

          $('#preview').text(content);            
       }
  });

}）;

试试这个。

如何在预览div中显示文本框的内容？

2 个答案: