Как сделать текстовое поле редактируемым, как в рабочей области презентации Google Документов?

Question

Я работаю над новым проектом, который должен сделать создателя презентаций похожим на создателя презентаций Google Docs. Мне не удалось найти способ сделать текстовое поле выбираемым и редактируемым, как в рабочей области презентации Google Документов

Как тот, что выше. Любая помощь по этому поводу будет принята с благодарностью.

Answer 1

Вы можете использовать атрибут contentEditable для элементов dom.
Вот живая демонстрация (построенная с использованием jquery), которая ее использует: http://jsfiddle.net/Z9tVM/;

ОБНОВЛЕНИЕ:

Вот демонстрация без использования каких-либо платформ (просто js): http://jsfiddle.net/Z9tVM/2/