文本区域html内的换行符

Question

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

我希望它自动显示在 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 中执行。这是一个方便的函数，取自：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');
}

这是一个在用户输入时如何使用该功能的示例

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