Как сделать элемент HTML <div> редактируемый кросс-браузер?

Вы знаете, как сделать <div> доступным для редактирования с помощью JavaScript? Я ищу кросс-браузерное решение.

Нечто похожее на область с богатым текстом, но использует редактируемый <iframe>. Мне нужно что-то подобное для <div>.
Я не хочу использовать текстовое поле с заменой.

Ответы

Ответ 1

Я узнал, как.

Вы используете свойство contentEditable для DOMElement, например

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>

Ответ 2

Вы можете сделать это в чистом HTML

<div class="editable" contenteditable="true">
    Editable text...
</div>

Надеюсь, это поможет!

Ответ 3

Задайте contentEditable свойство элемента "true":

element.contentEditable = "true";

См. также:

Ответ 4

How about his:

Создайте скрытую "textArea" и, выбрав (нажав или наведите указатель мыши) div, скройте Div и покажите textArea.