Element.contentEditable

Element.contentEditable - включення/виключення редагування елементу

Синтаксис:

Element.contentEditable;

Параметри:

Element - об'єкт Element.

Опис:

contentEditable властивість об'єкту Element яка вказує чи можна редагувати елемент.

Тобто властивість contentEditable включає режим WYSIWYG для конкретного елементу. Щоб включити редагування всього змісту документу використовуйте властивість document.designMode.

Не підтримують старі браузери.

true - вміст елемента можна редагувати.
false - вміст елемента не можна редагувати.
inherit - успадковується значення властивості від батьківського елемента.

Також є властивість Element.isContentEditable яка перевіряє чи можна редагувати елемент.

Приклад:

#test

var el=document.getElementById('test');
alert( el.contentEditable );

var el=document.getElementById('test');
el.contentEditable=true;

var el=document.getElementById('test');
el.contentEditable=true; //включаємо можливість редагувати елемент
el.focus(); //передаємо фокус елементу

Змінюємо властивість contenteditable за допомогою Element.setAttribute():

var el=document.getElementById("test");
el.setAttribute("contenteditable", "true");
alert( el.isContentEditable );