HTML5: contenteditable div с заблокированной высотой и созданием нового div, когда текст достигает дна - PullRequest
0 голосов
/ 14 января 2012

Мне интересно, как избежать того, чтобы DIV с фиксированными размерами по ширине и высокой и разрешенной contenteditable функцией не увеличивал свой максимум, когда пользователь, печатая символы внутри, превышал максимум DIV.Фактически, даже пытаясь определить фиксированный максимум, я замечаю, что заполнение всего пространства DIV словами и выход за пределы браузера автоматически увеличивает максимум DIV.Наоборот, мне нужен заблокированный максимум DIV, полоса прокрутки не появляется, и в конечном итоге я хотел бы, чтобы новый DIV создавался в событии с достижением верхнего предела, где будет отображаться и отображаться поток пользовательских символов.У кого-нибудь есть идеи?

Ответы [ 2 ]

1 голос
/ 17 января 2012

Div может сохранить свою высоту, как определено, если вы правильно установите CSS:

<div style="border:1px solid black; height:100px; overflow:hidden" contentEditable="true">
line 1 type here<br>
   line 2<br>
   line 3<br>
   line 4<br>
   line 5<br>
   line 6<br>
</div>    

Что касается создания нового div, когда содержимое превышает допустимую высоту, вам придется создатьнекоторая функция, которая проверяет эти значения и действует соответственно.

0 голосов
/ 29 июня 2016

Добавить CSS свойства

 white-space: nowrap;
    overflow: hidden;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...