Как с textarea передать текст в span?

Question

[Katsuro]

https://xalat-ik.ru/ на этом сайте есть пример в блоке конструктора , мне нужно все сделать аналогично . Точнее что бы при вводе текст переносился в тэг span со всеми переносами и главное при вводе , если текст не помещается он менял размер

Comments

[Модератор]

Katsuro дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[Katsuro]

Модератор, Хорошо

Answer 1

[Антон]

https://jsfiddle.net/hg76wryf/

Comments

[Katsuro]

Спасибо , а как решить проблему с переносом строки ?

[Антон]

Katsuro, а что с ним?

[Katsuro]

Антон, Если я переношу строку в textarea , то он и в span должен переносится

Answer 2

[Антон Усачев]

С textarea передается в span по событиям keyup change.
Span задано white-space: nowrap и бьется через <br/>, что логично.
Ну и скрипт смотрит: если ширина span вылезает за ширину содержащего его div, уменьшает font-size.

Comments

[Katsuro]

Как прописать , что бы текст когда упирался уменьшался в размере?