Editor de Textos Enriquecidos con JS

[daPhyre]

Buen día compañeros del foro.

He notado que últimamente se han creado editores de textos enriquecidos que hace función similar a un TextArea, pero que permiten dar formato a lo que se está escribiendo.

Me gustaría hacer algo así, solo requeriría el "TextArea" (Que me supongo se hace en combinación de un div con una función que lee las teclas presionadas, aunque no se como hacer el cursor de posición del texto).

Si alguien sabe como podría hacer algo así, se los agradecería mucho.

PD: No necesito un editor de textos preconstruido, ya que requiero algo muy básico para poderlo personalizar. Gracias

[lair]

Hola.

quiza esto te puede servir de algo
http://corpocrat.com/2008/08/10/how-...ng-javascript/

[daPhyre]

Gracias. Aunque eso es más bien para crear un botón que inserte una propiedad al texto seleccionado, yo lo que necesitaba era que se vieran los cambios realizados, como dice el segundo comentario:

That is the problem with textarea. It does not support rich text formatting. You have to use iframe make it bold or other formatting.

¿En verdad se necesita un iFrame para ver las propiedades? ¿Cómo se haría esto?

[lair]

Bueno, yo todas las librerias que he usado hacen eso me generan un iframe en el lugar el textaera,

puedes estudiar como es que lo hacen y ver si puedes simplificarlo
las que he usado se llaman:
wiziwyg
tinymcs

[daPhyre]

Encontré TinyMCS, el otro no. Quizá decías Whizzywig, fue lo más similar que encontré.

Analizaré sus códigos para ver si logro descifrar como funcionan y así poder crear lo que busco. Gracias

[lair]

Las que uso asi se llaman (como yo escribi) pero que bien que encontraste algunas

suerto con proposito

[deirdre]

Hola daPhyre

Dices esto:

Iniciado por daPhyre

PD: No necesito un editor de textos preconstruido, ya que requiero algo muy básico para poderlo personalizar. Gracias

Si es así y no quieres un producto muy acabado, este enlace es posible que te sirva: es un editor muy simple y si lo que buscas es aprender y modificar una estructura javascript básica, puede servirte:

Enlace

Saludos

[daPhyre]

deirdre, gracias por el enlace, he notado que este no funciona en Google Chrome. Según lo que leo del código, esto no funciona para Safari y Konkeror, aunque no entiendo la razón. Estudiaré con más detalle el código...

[gumer]

Como te fue con el textarea enriquecido, tambien quiero personalizar el mio y saber como funciona.
Cualquier cosa me avisas, gracias.
Tengo un enlace, con un buen ejemplo, esta SUPERBASICO.
http://www.mcanam.com/articulos/JavaScript.php?id=27
Espero que aporte.

[daPhyre]

Gracias por el aporte Gumer.

Ya había llegado con execCommand por otro detalle del mismo proyecto, que es para guardar archivos. Desafortunadamente, hasta donde he comprendido, es que este comando es exclusivo para IE, y como parte del proyecto parece requerir de un poco de HTML5 y otras innovadoras tecnologías, lo último que me sirve es hacer uso de comandos de IE :S'

El detalle es que buscaba hacer un coloreador sintáctico en tiempo real. Lo que he hecho es poner un Div con un TextArea semi-transparente encima, y que lo escrito pase por un JS que lo coloree y lo coloque en el Divisor. Y aunque esta ha sido no la mejor forma de hacerlo, aun no encuentro otra opción mejor, pero espero lograrla con el tiempo

Gracias

[gumer]

Podrias colgar tu codigo pls...

[daPhyre]

Aquí te dejo la página para que veas el código: http://vanade.ayotli.com