Insertar editor WYSIWYG en mi web

[reborn]

Buenas, quisiera saber como insertar un editor a mi web tal como el que usan los foros como éste para que los usuarios hagan sus post. No quiero nada sofisticado, algo sencillo.
Vi en diferentes sitios algunos como tinyMCE, fckeditor, entre otros pero no encontre ninguna guia de instalacion en español.
Los descargue, trate de instalarlos en mi web pero fue inutil.
Alguno sabe q editor usar o bien como instalar alguno de los q nombre?
Gracias.

[juaniquillo]

Yo personalmente uso tinyMCE, aunque hay bastantes. Si necesitas ayuda instalando alguno dinos cual es y si alguien tiene experiencia te podría ayudar.

[reborn]

Me gustaria probar con tiny ya q vos sabes como usarlo.
Otra pregunta, ese editor tiene opcion de vista previa?
Ahora bien, entro en la pagina de tiny para descargarlo pero cual es la opcion q tengo q descargar?, yo descargue la q dice main package.


Despues no se como seguir...

[juaniquillo]

Tiene un botón de vista previa que puedes usar. Es el que yo uso para pre-visualizar el contenido.

1 - Descarga el 'Main Package'. Cuando lo descomprimas solo vas a necesitar la carpeta: tinymce -> jscripts -> tiny_mce (el que está en bold)

2 - Yo usualmente pongo esa carpeta en mi folder de javascript que siempre tengo en la raíz de mis websites, pero tu ponlo donde consideres mejor.

3 - Tienes que crear un archivo donde tendrá el javascript que inicia TinyMCE. Si quieres hacerlo como yo crea un archivo llamando tinyMCE.js y dentro pones este código:

Código javascript:

tinyMCE.init({
    theme : "advanced",
    mode : "exact",
    plugins : "inlinepopups,advimage,advlink,media,preview,paste",
    elements : "descripcion",
    theme_advanced_buttons1 : "mybutton,bold,italic,underline,forecolor,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink,cleanup,code",
    theme_advanced_buttons2 : "formatselect,fontselect,fontsizeselect,separator,pastetext,pasteword,selectall,image,media,preview",
    theme_advanced_buttons3 : "",
    theme_advanced_toolbar_location : "top",
    plugin_preview_width : "700",
    plugin_preview_height : "450",
    paste_auto_cleanup_on_paste : true,
    relative_urls : false
});
 

3 - Finalmente, necesitas asociar los archivos ese archivo y el que se llama "tiny_mce.js" que está dentro de la carpeta tiny_mce. Incluyes los archivos así:

Código html:

<script language="javascript" type="text/javascript" src="[ruta_del_archivo]/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript" src="[ruta_del_archivo]/tinyMCE.js"></script>
 

Donde dice [ruta_del_archivo] debes remplazarlo por la ruta donde están tus archivos.

Eso es todo. Después de eso solo necesita poner un textarea con el id de 'descripcion' en la página y verás los resultados. Si quieres que el tinyMCE se aplique a todos los textarea remplaza:

Código:

elements : "descripcion",

por:

Código:

mode : "textareas",

Sólo te faltaría leer un poco para que puedas ponerle los botones que quieras. Me dejas saber si tienes problemas.

[reborn]

Ok, lo pruebo en estos dias y te comunico como me fue.
Gracias.

[reborn]

Buenas, pude hacerlo y funciono, lo unico q me faltaria es agregar las imagenes a los botones de edicion.
Ahora la cuestion es, como hago para q el contenido se envie?, es decir, como se hace en los foros, crear el mensaje, editarlo un poco y enviarlo.
Yo pense q ya tenia esa opcion y yo unicamente tenia q poner el codigo de la pagina en donde me gustaria q apareciera.

[reborn]

La verdad se me esta complicando para poner las imagenes de los botones, te agradeceria si me dieras una ayudita mas.

[easy]

para eso deberias de utilizar bd y llamar el texto citado donde quieres que aparezca

[reborn]

Lo estoy probando en este sistema de comentarios o libro de visitas [URL="http://fya.webuda.com/rls/guesbook/sign.php"]http://fya.webuda.com/rls/guesbook/sign.php[/URL].
Estuve viendo como ponerle las imagenes, antes no las veia, ahora se ven pero muy pequeñas, casi ni se notan.

[reborn]

Al fin pude, estaba cometiendo un error, estaba subiendo los archivos en forma ascii por eso no se veia, ahora se ve perfecto.
Gracias por todo, igual no quisiera perder contacto con vos juaniquillo ya q me diste una gran ayuda.

[juaniquillo]

Que bueno que te funcionó reborn. Nos dejas saber si tienes alguna otra duda. Trataremos de ayudarte en lo que podamos. Saludos.

[nixolax]

Hola, disculpen por meterme y por revivir este tema, pero tengo una duda:
Ya probé el editor, funciona muy bien pero necesito saber cómo hago para meter el HTML de lo que hay en la textárea, en una variable, para después enviar el html por correo con la función mail(). Si es que se puede

trabajo con php

Saludos y gracias :)

[Rafael]

Al final de cuentas es un textarea simplemente, ¿no? al hacer submit dispáralo a un archivo php normalito, digo yo.

[nixolax]

sisis lo intenté pero el html me sale con errores

ejemplo:

si pongo una imagen me agrega un slash, así:

<img src=\"imagen.jpg\" width=\"292\">

por lo tanto no funciona :\
necesito que no me agregue esos slash entre las comillas y el igual, así el html funcionaría correctamente