无法从HTML textarea获得准确的打印结果

Question

我正在创建一张医疗处方表格。这里textarea字段名称之一是new prescription。医生将在此处插入值，例如

1. medicine-l
   1+1+1
2. medicine-2
   1+0+1

但是当我打印出处方时，此new prescription字段显示出它的价值

1.medicine-1 1+1+1 2.medicine-2 1+0+1

但是我想像插入医生一样打印出new prescription的值。

我该怎么办？有人帮忙吗？

Answer 1

实际上将保留换行符，直到您打印出文本为止。 HTML不会检测到文本中的换行符。

尝试使用JS：

textAreaText.replace(/(?:\r\n|\r|\n)/g, '<br>');

How do I replace all line breaks in a string with <br /> tags?

为PHP尝试一下： http://php.net/manual/en/function.nl2br.php

Answer 2

您应该可以使用CSS property white-space来做到这一点。

示例：

.textarea-class {
  white-space: pre-wrap;
}

如果有各种选择，请咨询the MDN docs以获得非常好的概述，但是您似乎想要pre（照原样），pre-wrap（保持间距和换行符，但可以换行），甚至pre-line（可以保留换行符，但不保留空格，可以换行）。

您将其放在your print stylesheet中。