Невозможно редактировать после удаления всего текста в inPlaceEditor Prototype

Question

Все примеры InPlaceEditor Prototype, которые я нашел, страдают от той же самой проблемы. Когда вы входите в режим редактирования, стираете весь текст и нажимаете OK, вы больше не можете редактировать, потому что <p> тег пуст и нечего нажимать! Вот также пример: http://24ways.org/examples/edit-in-place-with-ajax/ Итак, как вы делаете на месте редактирование пустого поля, например, пустого <td>?

Answer 1

Это очень просто, просто добавьте эти строки в свой код CSS:

p.editable {
    min-height: 10px;
}

Вы можете добавить borderтоже, но это не обязательно.