La mayoría de los programas de manejo de contenido (CMS) te permiten editar el contenido de tus paginas de una manera sencilla, pero pocos te deja hacerlo directamente en la pagina que quieres editar. Aquí te mostramos una librería que te permite hacerlo.
La pagina YvoSchaap.com te ofrece una librería que contiene todo lo que necesitas para proporcionar un editor de contenido en tus paginas. Solo tienes que incluir la librería ‘instantedit.js’, crear una página que recibirá los cambios y envolver tu contenido bajo la clase ‘EditText’ y ¡listo!
La librería la puedes bajar de la siguiente liga. En tu página, añade la librería JavaScript de la siguiente manera:
<script type="text/javascript" src="instantedit.js"></script>
El texto a editar tiene que estar bajo la clase ‘editText’, la propiedad id contiene el nombre del campo que se pasa al archivo que se encargara de grabarlo en la base de datos:
<span id="userName" class="editText">Mi Texto a Editar</span>
Aquí puedes ver esta librería en acción:
Editor en linea de contenido
La única cosa que tienes que editar en la librería instantedit.js es el archivo que se encargara de recibir el texto cambiado y el nombre del campo a editar. En la línea 62, la variable urlBase es la que contiene esta información.
Programa que recibira los cambios
- Inicie sesión o regístrese para enviar comentarios