Pegar imagen como si fuera un Word

alexisfch · #1 (**permalink**) 31/03/2009, 18:11

hay alguna manera para poder pegar una imagen previamente copiada usando alguna funcion de javascript? tal como se hace con MsWord o cualquier editor de texto.

Panino5001 · #2 (**permalink**) 31/03/2009, 19:21

Si en un editor como el de esta faq seleccionás contenido con imágenes en un navegador y pegás sobre la zona editable, se muestran.
Lo mismo en elementos de contenido editable como esta capa:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>ejemplo</title>

</head>

 
<body>

<div id="pp" style="background-color:#CCC; height:100px" contenteditable="true"></div>

</body>

</html>

alexisfch · #3 (**permalink**) 31/03/2009, 19:35

Si, eso funciona perfecto, pero mi idea era por ejemplo le doy ctrl+c a una imagen x de la web y luego ctrl+v en mi pagina web (por ejemplo en un campo de texto) y que me extrajera el link de esa imagen.

Panino5001 · #4 (**permalink**) 31/03/2009, 19:39

Una vez que está en el cuerpo del objeto editable, podés obtener la ruta fácilmente. Deberás usar el buscador del foro para ver cómo obtener el contenido de áreas editables (ya se trató muchas veces).