Сохраняйте одинаковые промежутки между словами в текстовой области html, используя пробелы

Question

У меня есть форма с входами, отображает содержимое в HTML элемент textarea с javascript.

Я использовал pad secondWordInput.padEnd(50, ' ') для ввода, чтобы поддерживать фиксированную ширину до 50 символов. Но каким-то образом textarea сворачивает пробелы и работает неожиданно.

Правильная реализация:

Ожидаемый результат:

Первый ввод фиксированный 5 символов, второе слово в строке может изменить длину, я ожидал, что третье слово в строке должно быть выровнено по вертикали.

Примечание: Когда я console.log выше строки в журнал они поддерживают ширину 50 символов правильно.

Пример кода

1. html шаблон

<textarea class="textarea" cols="30" rows="15" ng-model="$ctrl.vm.edl_file_content"></textarea>

angularjs

seondInput = seondInput.padEnd (50, '');

var event_data = "\ n" + event + "" + seondInput + "V C" + rest;

ctrl.vm.edl_file_content + = event_data;

Answer 1

Проблема связана с семейством шрифтов CSS. Я изменил семейство шрифтов элемента textarea на monospace.

font-family: monospace;