contentEditable

Атрибут contentEditable

Атрибут contentEditable позволяет пользователю редактировать содержимое объекта. Доступно, начиная с версии Internet Explorer 5.5

Синтаксис

<Element contentEditable = sCanEdit...>
sCanEdit может принимать следующие значения

inherit	По умолчанию. Содержимое объекта можно редактировать зависит от родительского объекта
false	Пользователь не может редактировать содержимое объекта
true	Пользователь может редактировать содержимое объекта

Пример

Второй пример позволяет с помощь скрипта отключать и включать возможность редактирования

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

Разрешить редактирование

Вы можете изменять этот зеленый текст

<font color=red><center contenteditable=true>Текст с использованием тега <center>, 
который вы можете редактировать!</center></P></font>
<p>Второй пример позволяет с помощь скрипта отключать и включать возможность редактирования<br>
<P>Нажмите на кнопку для возможности или запрета редактирования содержимого тега SPAN.</P>
<P>
<BUTTON ID="oBtn" onclick="chgSpan()">Разрешить редактирование</BUTTON>
</P>
<P><SPAN ID="oSpan" style=color:green>Вы можете изменять этот зеленый текст</SPAN></P>
SPAN можно редактировать: <SPAN ID="oCurrentValue"></SPAN>
<SCRIPT>
oCurrentValue.innerText = oSpan.isContentEditable;
function chgSpan() {
    currentState = oSpan.isContentEditable;
    newState = !currentState;
    oSpan.contentEditable = newState;
    oCurrentValue.innerText = newState;
    newState==false ? oBtn.innerText="Разрешить редактирование" :
        oBtn.innerText="Запретить редактирование"
}
</SCRIPT>