añadir emoticonos a un textarea

[sherif]

Hola a todos!
Estoy haciendo un foro en php, y me gustaría que al insertar un nuevo tema, en un texarea, me permita insertar emoticonos y definir el estilo del texto. Parecido a cuando escribes un mensaje en este foro. Pero no tengo ni idea y no se por dónde empezar.
He mirado en otras páginas, pero ningún método me funciona.
Gracias y un saludo.

[Carlojas]

Que tal sherif, para lo que deseas puedes utilizar un editor de texto HTML WYSIWYG como el FCKeditor, entre muchos mas que existen,mira el link para que te puedas orientar un poco mas a fondo.



Saludos.

[Fogox]

usas algun framework? te puedo aconsejar algunos modulos... sino bajate un wisiwyg

salute

[sherif]

Lo estoy haciendo de esta forma y no me sale nada.
Tengo una función javascript:

function Smile(texto){
document.formulario.texto.value = document.formulario.texto.value + texto;
}

y luego en el código php:

<a href='javascript:Smile(' [;D] ')'><img src='img/e0.gif' border='0'></a>

[eft0]

Rapidamente se me ocurre que; suponiendo que en la variable $msg esta el contenido del texto, pues antes de mostrarlo procesa el texto:

Código PHP:

  $msg = str_replace(":)", "<img src='img/e0.gif' border='0'>", $msg);  
   

Y asi con todos tus emoticones.

[sherif]

Iniciado por eft0

Rapidamente se me ocurre que; suponiendo que en la variable $msg esta el contenido del texto, pues antes de mostrarlo procesa el texto:

Código PHP:

  $msg = str_replace(":)", "<img src='img/e0.gif' border='0'>", $msg);  
   

Y asi con todos tus emoticones.

Pero este código lo tendría que poner en otra página distinta de la de editar el mensaje.

El problema que tengo, es que quiero mostrar el resultado en la misma página.
Como en este mismo foro, cuando escribes un nuevo mensaje y pinchas en uno de los emoticonos y te sale cifrado, como por ejemplo (""), que es la cara sonriente. Y además sin refrescar ni actualizar la página. Quiero conseguir eso con el código que he escrito anteriormente y no se por qué no me sale.

[jam1138]

Iniciado por sherif

El problema que tengo, es que quiero mostrar el resultado en la misma página.
Como en este mismo foro, cuando escribes un nuevo mensaje y pinchas en uno de los emoticonos y te sale cifrado, como por ejemplo (""), que es la cara sonriente. Y además sin refrescar ni actualizar la página. Quiero conseguir eso con el código que he escrito anteriormente y no se por qué no me sale.

El código que escribiste anteriormente es... tienes que sentarte y pensar las cosas.

Primero: este foro no lo hace sin refrescar y no lo hace "en la misma página". Si te das cuenta los caracteres no son "transformador" por sus emoticons (o el código respectivo) hasta que guardas la información. Este método siempre guarda todo como texto, en la base de datos habrá etiquetas [b], [i] y todo lo que corresponda. Es cuando se recupera de la BD para ser mostrada cuándo se parsea la información y es reemplazada por su equivalente HTML (la imágenes o formato correspondiente). Si quieres este método, por favor, revisa las FAQ, para eso están. Básicamente es solo buscar y reemplazar texto --ya te dieron una pista--.

Segundo: con "ni actualizar la página" te referirás a un editor WYSIWYG --que NO tiene este foro y que ya te mencionaron antes--. Estos editores son javascript --lenguaje del lado del cliente-- y lo que hacen es reemplazar el textarea y lo que tipeas por HTML. Es entonces que lo que se enviará es HTML, no texto plano como en el anterior. Si quieres esto, por favor, busca en el foro JavaScript que hay listas de estos editores; por favor busca en google las opciones que tienes (TinyMCE, FCKEditor, HTMLArea, "editor WYSIWYG")... como sea, es tema del foro de JavaScript.

En tu "código" anterior mencionas "en el código PHP" cuando ni siquiera es código PHP y ... ¿en cuál código PHP?. Adivinos no somos, necesitas explicarte mejor, y para ello debes entender bien cómo funciona esto.

Entonces, espero haberme explicado. Si tienes problemas, ahora --espero-- con los conceptos más claros, solo mencionalos. Suerte!