editor html

ch_xxii · #1 (**permalink**) 01/03/2008, 23:57

Hola,

lo que quiero hacer es algo parecido a un editor wysiwyg, pero sin la barra de herramientas y demás, lo único que necesito es que se resalten los tags con distintos colores. ya he buscado por toda la web y nada, así que cualquier idea será bienvenida.

desde ya gracias.

ch_xxii · #2 (**permalink**) 02/03/2008, 08:03

A nadie se le ocurre que puedo hacer??

Creo de que no debería ser muy complicado, lo que no se hacer es colorear solo una parte del texto en un textarea (una palabra). Si alguien sabe eso se lo agradecería.

gracias.

codigojavascript · #3 (**permalink**) 02/03/2008, 08:15

Como te va:

Hace un par de días programé este ejemplo que hace justo lo que vos necesitas.
El ejemplo funciona perfecto aunque seguramente habría que hacerle algunos arreglos y cambios para que se adapte a cualquier sitio

Bueno, probalo y me contas:

el enlace es:

bbCode sobre el texto de un cuadro textarea

Saludos

ch_xxii · #4 (**permalink**) 02/03/2008, 08:26

gracias por tu respuesta pero no es no que realmente necesito,

lo que quiero hacer es que mientras vas escribiendo en el textarea se coloree el código pero dentro del textarea y no como en el ejemplo

nose si se comprende mi idea, de todas formas muchas gracias

JavierB · #5 (**permalink**) 02/03/2008, 08:36

Hola ch_xxii

Los textarea sólo admiten texto plano. No se puede cambiar el estilo a una parte del texto, se lo tienes que cambiar a todo.

Saludos,

ch_xxii · #6 (**permalink**) 02/03/2008, 08:43

si es verdad javier, pero he visto que los editores wysiwyg lo hacen, quiero hacer algo parecido eso pero que yo le diga que colores y a que palabras tiene que pintar

se tiene que poder, no puede ser!!, ayudaaa!!

ch_xxii · #7 (**permalink**) 02/03/2008, 10:20

como los maté con esto eh?? es todo un desafío!!, no me digan que no!!, algo que no está hecho!!

denme una punta y yo siguo, plis!!

Panino5001 · #8 (**permalink**) 02/03/2008, 11:06

Bueno, la verdad es que con un iframe no es muy complicado:
En este ejemplo, luego de escribir y haciendo click fuera del iframe, cambia el color del texto envuelto en tags bbCode de negrita y cursiva. Creo que es una buena punta para que lo sigas.

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>test</title>
<script>
function init(){
document.getElementById('edit').contentWindow.document.designMode = "on";
document.onclick=function(){
cont=document.getElementById('edit').contentWindow.document.body.innerHTML;
cont=cont.split('[b]').join('<font color="red">');
cont=cont.split('[/b]').join('</font>');
cont=cont.split('[i]').join('<font color="blue">');
cont=cont.split('[/i]').join('</font>');
document.getElementById('edit').contentWindow.document.body.innerHTML=cont;
}


}
window.onload=init;
</script>
</head>

<body>
<iframe id="edit" width="300" height="200"></iframe>
</body>
</html>

ch_xxii · #9 (**permalink**) 02/03/2008, 11:16

la verdad está buenísimo!!!!, creo que con esto ya soy feliz, gracias

Panino5001 · #10 (**permalink**) 02/03/2008, 11:19

Me alegra haberte hecho feliz