Не удается получить точный результат печати из 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

Это можно сделать с помощью свойства CSS white-space.

Пример:

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

Consult MDN документы для очень хорошего обзора, если различные варианты, но кажется, что вы хотите либо pre (так же, как это), pre-wrap (поддерживает пробелы и разрывы строк, но переносы), или дажеpre-line (поддерживает разрывы строк, но не пробелы и переносы).

Вы захотите поместить это в таблицу стилей печати .

Answer 2

Разрывы строк фактически сохраняются до тех пор, пока вы не напечатаете текст.HTML не обнаруживает разрывы строк в тексте.

Попробуйте это для JS:

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

Как заменить все разрывы строк в строке натеги?

Попробуйте это для PHP: http://php.net/manual/en/function.nl2br.php