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

我想在keyup中的div中显示textarea中的值。我无法显示换行符。我的预览div中的文本内联显示。我尝试使用替换并将'/ n'替换为'
'，但它只显示一切内联。这是我的html和jQuery代码。如何在预览div中显示文本框的内容？

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

});

谁能告诉我怎么可以显示与换行符预览格中的文本区的内容？

来源

2013-12-19 Sophonias

试试这个职位 http://stackoverflow.com/questions/ 2919337/jqu ery-convert-line-breaks-to-br-nl2br-equivalent –

尝试这样的事情

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>

来源

2013-12-19 09:00:26

@rejash谢谢你的完美。 – Sophonias

$(document).ready(function() {  

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

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

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

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

}）;

试试这个。

来源

2013-12-19 08:53:56

这里是工作演示的js小提琴http://jsfiddle.net/MyZgX/ –

感谢您花时间在js小提琴中，但在例子中你放在那里是一个文本框不是一个文本区域和你给的答案产量完全相同的结果我的初始代码。谢谢你的努力！ – Sophonias

@Sophonias请根据您的问题重新检查它正在使用文本区域的jsfiddle。我试着输入\ n并将其转换为
。但主要的是你应该得到答案，所以如果你从任何来源，伟大和恭喜！ –

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

回答

相关问题