ContentEditable HTML 5

Todos os elementos com o conjunto de atributos contenteditable terá um contorno cinza quando você passar o mouse sobre ele. Sinta-se livre para editar e alterar seu conteúdo. Estou usando o local de armazenamento para manter as suas alterações.
addEvent(editable, 'blur', function () {
  // lame that we're hooking the blur event
  localStorage.setItem('contenteditable', this.innerHTML);
  document.designMode = 'off';
});
addEvent(editable, 'focus', function () {
  document.designMode = 'on';
});
addEvent(document.getElementById('clear'), 'click', function () {
  localStorage.clear();
  window.location = window.location; // refresh
});
if (localStorage.getItem('contenteditable')) {
  editable.innerHTML = localStorage.getItem('contenteditable');
}
</script>
</section>
</body>

Comentários

Postagens mais visitadas deste blog

Criando uma Variável em ColdFusion e em ASP

Definindo Valores Padrões para Variáveis

O que é ColdFusion? Para que serve?