Атрибут contentEditable позволяет пользователю редактировать содержимое объекта. Доступно, начиная с версии Internet Explorer 5.5
Синтаксис
<Element contentEditable = sCanEdit...>
sCanEdit может принимать следующие значения
inherit
По умолчанию. Содержимое объекта можно редактировать зависит от родительского объекта
false
Пользователь не может редактировать содержимое объекта
true
Пользователь может редактировать содержимое объекта
Пример
Текст с использованием тега <center>, который вы можете редактировать!
Второй пример позволяет с помощь скрипта отключать и включать возможность редактирования
Нажмите на кнопку для возможности или запрета редактирования содержимого тега SPAN.
Вы можете изменять этот зеленый текст
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>