Для приложения, которое мы разрабатываем в компании, где я работаю, нам нужен ввод, который поддерживает вставку смайликов в наше веб-приложение на основе JS. В настоящее время мы используем ввод с короткими кодами смайликов (например, «:-)») и хотели бы переключиться на вставку реальных графических изображений.
Наш первоначальный план состоял в том, чтобы использовать Однако , проблема прямо сейчас в том, что размер div изменяется, если вы вставляете достаточно содержимого (т.е. его высота увеличивается). Мы не хотим, чтобы это произошло, и недопустимо, чтобы текст был просто скрыт (например, простой Есть ли способ заставить contenteditable div вести себя как однострочный ввод? Я бы хотел, чтобы было относительно простое свойство attribute / css, которое я пропустил, которое будет делать то, что Я хочу, но при необходимости мы также будем признательны за предложения CSS + JS. contenteditable
overflow: hidden
). Итак: