Editar Texto en html

publicado por: Anonymous

Necesito saber si hay alguna forma de habilitar una etiqueta de texto para poder ser editada en html con jquery

por ejemplo tengo una etiqueta p que se muestra como texto plano en html pero quiero que al presionar un boton este se habilite como si fuera un textarea y se pueda editar. al terminar vuelva a ser un elemento p o de texto plano en html.

Gracias.

solución

Con el atributo contenteditable te puede salir eso:

Fuente: developer.mozilla

_x000D_

_x000D_

$(function(){_x000D_
  $('#btnEditable').on('click', function(){_x000D_
    var esEditable = $('#idTexto').attr('contenteditable');_x000D_
    if(esEditable){_x000D_
      $('#idTexto').attr('contenteditable', false);_x000D_
      $('#btnEditable').html('Hacerlo Editable');_x000D_
    }else{_x000D_
      $('#idTexto').attr('contenteditable', true);_x000D_
      $('#btnEditable').html('dejar der editar');_x000D_
    }_x000D_
  });_x000D_
})

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>_x000D_
<div id="idTexto">Este contenido se volverá editable</div>_x000D_
<button id="btnEditable">Hacerlo Editable</button>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *