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

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);            
       }
  });

});

试试这个。