文本区域内的换行符 html

Question

我正在制作一个表格来填写并创建一个 pdf ，但是我遇到了文本区域的问题，我希望用户输入文本并在向 go 写入和按下空格时像这样返回：

我希望它自动显示在 pdf 中，但我得到了这个：

我该如何解决？ 代码是：

<div class="mb-2"><textarea name="element" placeholder="Elements à fournir" class="form-control"></textarea></div>

Answer 1

您需要将文本区域中的换行符（ \r或\n ）转换为 PDF 可以理解的换行符（ <br /> <div> <li>等）。

一个简单的 PHP 方式是

$string = nl2br($string);
// converts \n to <br />

如果您需要即时转换这些换行符（例如您正在捕获输入并将其显示为用户类型的格式），请在 javascript 中进行。 这是一个方便的 function 取自： https://stackoverflow.com/a/7467863/1772933

function nl2br (str, is_xhtml) {
    if (typeof str === 'undefined' || str === null) {
        return '';
    }
    var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
    return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}

这是用户键入时如何使用 function 的示例

$('#TextArea').keypress(function(evt){
        $('#TextArea').html(nl2br($('#TextArea').val())); // replace linebreaks first
        $('#pdfPreviewArea').html($('#TextArea').val()); // copy to #pdfPreviewArea
    });