Как создать блок с редактируемым текстом и авторесайзом font-size?

Question

[mishapsv]

Задача:
сделать блок, текст в котором можно менять (к примеру contenteditable="true"), задать ему высоту равную вьюпорту, ширину равную вьюпорту.
И при вводе текст, если не помещается, должен автоматически уменьшаться.
Наверняка, такое решение уже есть.
Может быть кто-то сталкивался?

Comments

[Дмитрий Беляев]

Не нужно так делать! Пользователи Вас проклянут за такое

[mishapsv]

Дмитрий Беляев есть конкретная задача, всё под контролем.

[Дмитрий Беляев]

mishapsv: некоторые подобные хотелки заказчика лучше отметать аргументированым "это навредит Вашему бизнесу"
С конкретно Вашей задачей могу уверенно сказать - навредит, так как уже делал А/Б тест на примерно 2 млн человек (по данным GA), люди негативно реагируют на адаптивный font-size
Если все таки не убедил, то вот Вам в помощь: https://developer.mozilla.org/en-US/docs/Web/API/C...

Answer 1

[Stalker_RED]

Иногда встречается textarea у которой автоматически растягивается высота.
Делается это как-то так: https://habrahabr.ru/post/114182/

По аналогии можно вместо высоты менять размер шрифта.