Como hacer un textarea WYSIWYG

[epplestun]

Buenas, estaba pensando en remodelar un script que tengo (une editor) y se me habia ocurrido hacerlo con textarea en vez de con iframes como lo tengo ahora, osino aun mejor dar las dos posibilidades, el caso es que he estado investigando el HTMLarea y bueno ... la verdad es que es una pasada lo que hace, jeje pero yo no necesito todo eso, por eso me gustaria saber como hacer de un textarea un campo para insertar texto enriquezido o bien tablas etc etc etc ...

Muchas gracias.

P.D.: Se me olvidaba ... se me ocurre la manera creando tags e insertandoselos al propio textarea ... pero bueno .... nose si seria lo mas correcto ni si se podria hacer.

[caricatos]

Hola epplestun :

Hace mucho tiempo, propuse este tema:
http://www.forosdelweb.com/showthrea...threadid=82337
... y la página resultante es esta otra: http://www.pepemolina.com/generador/generador.html

La idea era introducir mediante botones, distintos elementos "no habituales" como letras griegas, fórmulas matemáticas, y con el desarrollo de la página se fue enriqueciendo con colores y algunas etiquetas, incluso implementé la inserción de todas las etiquetas html 4.0, con sus atributos y estilos definidos en w3.org.

En una de las participaciones (creo que de JavierB ) se llegaba a colorear el texto (ya sabes, resaltando tags, y esas cosas... ), la cuestión es que lo más parecido que se me ocurre es hacer una copia del contenido del textarea en una capa... en este caso se actualiza con las pulsaciones del teclado (creo que con onkeyup)

También se puede hacer en un iframe...

No sé si tiene que ver con lo que planteas, sino indicanosló.

Saludos

[bolso03]

Puedes usar algo así (en caso de usar combos para las opciones)


document.getElementById('nombre_de_tu_text_area).s tyle.fontFamily = document.articulo.fuentetitulo[nombre_formulario.nombre_del_select.selectedIndex].value;

esto cambia la fontFamily, haces otros para el color, tamaño, etc y listo

suerte!

[epplestun]

Gracias por responder jeje, pero no es eso, me refiero a hacer un editor WYSIWYG en una etiqueta <textarea></textarea>. En el iframe lo puedes hacer por que se activa el desingMode y se puede añadir codigo HTML al propio cuerpo del iframe, lo que pasa es que yo lo quiero hacer pero hacieno uso de un textarea, al igual que lo hace HTMLArea .... es decir que puedas añadir una tabla y puedas modificar su tamaño con el raton o que centres el contenido y lo veas centrado ... voy a seguir invesitando a ver si hay un poquito de suerte

[epplestun]

Bueno ... tras investigar el codigo de los c****** de HTMLArea .... que es una obra de arte pero un coñazo jeje me e dado cuenta de que lo hacen con un iframe, lo que hacen es cambiar o remplazar el textarea por un editor hechos por ellos, que consta de varias capas y entre ellas un iframe jeje

Lo pone en el comentario:

Código:

// Creates the HTMLArea object and replaces the textarea with it.

y bueno es bonito por que se lo trabajan con objetos y sus propios prototipos etc etc etc jeje pero bueno mi duda ya a sido solucionada jeje asi que yo voy a tirar tambien de iframe generado directamente desde JavaScript .

Ya lo enseñare cuando lo acabe!!!

[caricatos]

Hola otra vez:

Supongo que sabrás que no funciona en Mozilla (me parece que la capa debe ser "contenteditable" o algo así )

En el generador (puse el enlace más arriba) descarté algo parecido por esa razón, aunque supongo que de manera local es muy válido.

Saludetes

[epplestun]

jeje si que funciona bajo Mozilla, FireFox, IE jeje de hecho hace tiempo que fue solicionado, ya que el rednder de Mozilla (Gecko) a partir de su version 1.3 soporta todo esto jeje con el iframe y su desingMode = "on"; y viendo que Mozilla a sacado su version 1.7 RC 1 ahora ... pos me la puedo jugar para ello

[pjcaro]

lograste hacer el editor html para textarea, donde lo podemos ver y utilizar???

[epplestun]

Pues la verdad, termine el desarrollo de la aplicacion, desgraciadamente no es de uso particular, es un trabajo para la empresa en la que trabajo y yo no puedo liberar codigo eso son decisiones de la empresa lo siento

De todas formas, intentare sacar una version Free para los usuarios de "a pie" jeje