textarea 中的每个输入键都应以 pdf 格式显示

Question

我有如下文本区域

<textarea placeholder="Booking Details " name="particular" rows="4" ></textarea>

在提交按钮上，我想提交文本区域的全部内容，因为它位于生成 pdf 的下一页上。我正在使用 php 代码将数据从一个页面传递到另一个页面，但是当我在文本区域中使用 enter 键键入内容时，在 pdf 上它出现在一行中。

请帮助我使用 php 或 javascript 代码。

Answer 1

找到这个答案 - 你现在可以直接将 finalString 发布到 url php 页面 -

$(document).ready(function(){
  
  var finalString="";
  
  $('#txtArea').on('keyup',function(event){
    var code = event.which;
    if(code===13){
      finalString =finalString+"'/r/n'";
      }
   else if(code!==8)
     {
        finalString =finalString+event.key;
       }
       
  });
$('button').on('click',function(){
  $('div').text(finalString)
  
  
})

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea placeholder="Booking Details " name="particular" rows="4" id="txtArea"></textarea>
<button>submit</button>
<div id='finalString'></div>

Answer 2

它的css问题。在输出 div 中使用属性 white-space: pre-wrap -

$(document).ready(function(){
$('button').on('click',function(){
var txt = $('#txtArea').val();
  $('div').text(txt);
  
})

});

div
{
  white-space: pre-wrap 
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea placeholder="Booking Details " name="particular" rows="4" id="txtArea"></textarea>
<button>submit</button>
<div></div>