Código de JavaScript - Editor de Texto por secciones / etiquetas

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Editor de Texto por secciones / etiquetas

JavaScript

(4)

Publicado el 28 de Mayo del 2017 por Scriptshow (141 códigos)

1.878 visualizaciones desde el 28 de Mayo del 2017

Podemos autorizar ó restringir la edición de texto con JavaScript. Este Script, actúa al clicar en una zona de texto que previamente está declarada dentro de una función...
Modificamos el texto por medio de un Textarea que, al perder el focus, se oculta y devuelve el resultado a la etiqueta que contiene dicho texto. Todo el proceso, se produce en tiempo real, en el lado cliente.
Puede tener diversas aplicaciones.

Espero sea útil.

Requerimientos

Un navegador o dispositivo compatible.

1.0
(4)

Actualizado el 31 de Julio del 2017 (Publicado el 28 de Mayo del 2017)

gráfica de visualizaciones de la versión: 1.0

1.879 visualizaciones desde el 28 de Mayo del 2017

Versión 1.0 revisable.

<!DOCTYPE html>

<html>

<body>

<style>

textarea{

width:80%;

border:1px solid;

</style>

<script>

function test(e){

if (!e) var x=window.event.srcElement;

else var x=e.target;

if (x.tagName=="HTML" || x.tagName=="BODY" || x.tagName=="TEXTAREA" || x.tagName=="IMG" || x.tagName=="HR") return;

var t=x.innerHTML;

var o=document.createElement("TEXTAREA");

document.body.appendChild(o);

o.focus();

o.innerHTML=t;

o.onblur=function(){

if (o.value.length>=1)x.innerHTML=o.value;document.body.removeChild(o)}

document.onclick=test;

</script>

<h2>Click para editar este header</h2>

<p>Click para editar este párrafo ...</p>

<div>Click para editar este div ...</div>

<span>Click para editar este span ...</span>

<hr />

</body>

</html>

Comentarios sobre la versión: 1.0 (4)

xve

28 de Mayo del 2017

Impresionante!!!

Responder

Aldo

13 de Junio del 2017

saludos malignos

Responder

Ocuilin

23 de Junio del 2017

Gracias. Me acabas de dar la solución que andaba buscando desde hace unos días.

Responder

miguel

31 de Julio del 2017

esta muy bien .....

Responder

Comentar la versión: 1.0

http://lwp-l.com/s4006

Alarma

Animacion con Sprite Sheets

Código de JavaScript - Editor de Texto por secciones / etiquetas

Requerimientos

1.0(4)

Comentarios sobre la versión: 1.0 (4)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(4)