Facebook как ввод статуса

Есть ли готовый подобный ввод, как ввод статуса в Facebook? Я имею в виду, они используют contenteditable div, и они довольно хорошо все это упаковали. Они могут изменять его размер (при фокусе/размытии), он продолжает перенос и расширение слов, а когда вы вводите очень длинное слово в их вводе, которое не может быть обернуто, оно остается внутри div и не перекрывает другие элементы рядом с ним..

Пожалуйста, помогите мне сделать эти две вещи в contenteditable div, или, если вы знаете готовый, поделитесь им.

Спасибо.

P.S. Я пытался сделать это сам, а не просто лень. Мне почти удалось остановить перекрытие, но не удалось сделать так, чтобы div оставался доступным для редактирования (перенос слов, расширяемый) после изменения размера высоты. Я также подумал о том, чтобы попытаться понять, как Facebook делает это самостоятельно, но новичку довольно сложно понять их код, поскольку он весь минимизирован, сжат с помощью gzip и еще много чего.


person Michael S.    schedule 19.07.2010    source источник


Ответы (1)


Они (Facebook), кажется, используют этот CSS

overflow-x: hidden;
overflow-y: auto;
person Peter Bailey    schedule 19.07.2010
comment
Спасибо! а как насчет проблемы с изменением размера? (что происходит в опере и хроме/сафари) - person Michael S.; 19.07.2010