Ver Mensaje Individual
  #7 (permalink)  
Antiguo 15/01/2011, 06:55
Avatar de Panino5001
Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Textarea y adentro HTML

Gracias por la referencia a mi página , Isabel.
Pero más allá de que se puede hacer con iframe, los navegadores modernos permiten hacerlo todavía más fácil y sin iframe gracias al soporte que le han dado en los últimos años a la propiedad contentEditable. El pionero de esta propiedad fue Explorer (no todos deben ser palos para ese navegador, quien además fue pionero de innerHTML y de la primera forma de AJAX, sin contar sus filtros propietarios que dieron pie a Apple para inventar el objeto canvas). Un ejemplo sencillo sin iframe:
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=utf-8" /> 
<
title>Documento sin título</title
<
script
function 
formatText(cmd){ 
    
document.execCommand(cmdfalsenull); 

function 
insertarImagen(){ 
    var 
u
    if(!(
u=prompt('ingresar url','http://')))return; 
     
document.getElementById('pp').focus(); 
     
document.execCommand("InsertImage",false,u); 
}  
</script> 
</head> 

<body> 
<form action="" method="get"> 
  <input name="input" type="button" onclick="formatText('bold')" value="NEGRITA" /><input name="input" type="button" onclick="formatText('italic')" value="CURSIVA" /><input name="input" type="button" onclick="formatText('underline')" value="SUBRAYADO" /><input name="input" type="button" onclick="insertarImagen()" value="INSERTAR IMAGEN" /> 
</form> 
<div id="pp" contenteditable="true">Este es un texto editable</div> 
</body> 
</html> 
Como se ve, sólo se trata de analizar el funcionamiento del método execCommand. No estoy para nada de acuerdo con que sea cosa de expertos en javascript.