无法从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。