openWYSIWYG es un interesante editor visual de código HTML, compatible con todos los navegadores y plataformas y completamente libre, licenciado bajo LGPL.
Con él podremos convertir cualquier textarea en un editor visual, simplemente añadiendo una línea de código como esta:
Donde textarea1 es el id del textarea en el que queremos que aparezca el editor.
Entre sus características destacan:
Sólo me asalta una duda, que solventaré en cuanto haga unas pruebas (salvo que alguno me la solucionéis primero) ¿Generará código válido?
openWYSIWYG:
http://www.openwebware.com/products/openwysiwyg/
Demo:
http://www.openwebware.com/products/openwysiwyg/demo.shtml
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
[...] WYMeditor es un editor web WYSIWYG, en principio similar a openWYSIWYG, del que ya comentamos las características. No obstante WYMeditor está enfocado a crear código XHTML válido, liberando al usuario de los aspectos de presentación que recaen sobre las hojas de estilo (preestablecidas en el sitio web). Comparado con openWYSIWYG, WYMeditor busca menor «potencia» y mayor simplicidad de uso y cumplimiento de los estándares. [...]
Feed RSS de los comentarios de este post.
alma!, gracias por la info!
Ante tu pregunta si genera código válido te diría que aparentemente sí, el problema es que en muchos casos no es el más optimo. Por ejemplo al darle un formato de “negritas” a una palabra el código que genera es:
palabra
Otro ejemplo sería la opción para cambiar el tamaño de un texto, que genera un código como éste:
palabra
Sin embargo tiene buena pinta, pero necesita varios toques de optimización.
Douth!!! no me resultó el ejemplo de las etiquetas, intentaré de nuevo
Para dar el formato de “negrita” el código resultante es <span style=”font-weight:bold”>palabra</span>.
Para darle un tamaño al texto el código resultante es <font size=”4″>palabra</font>.
Si se combinan ambos formatos (negrita y tamaño) el código resultante es <font size=”4″><span style=”font-weight: bold;”>hola</span></font>
Sin duda que se ve interesante, además de su compatibilidad con distintos browsers, sin embargo requiere de varias intervenciones para que genere un código óptimo.
Justo lo que me temía, una pena. Esperemos que al ser libre haya alguien con ganas de darle unos retoquitos
Lo peor es que todavía ninguno de estos editores pueden poner el tamaño de letra más allá de esos 7 tamaños de siempre.
Cuando en CSS si se puede (Ej. ‘… style=”font-size:500px”‘ o ‘3460%’)
bueno les dire que yo lo estoy utilizando y si me ha dado uno que otro dolor de cabeza, pero al comparar esta version con la anterior creo que hay un inmenso abismo del cual este editor ha salido.
Actualmente tengo problemas con los caracteres >,
Una pregunta,
Al implementar este componente en una interfaz, como se almacena el contenido de este en una base de datos MySQL?? y como lo muestro nuevamente en la interfaz en un campo no editable??
Gracias de antemano al que me pueda sacar de la duda.
Alma, he estado buscando deopenWYSIWYG textarea por mucho tiempo y openWYSIWYG es el mejor que he probado, si revisas el archivo WYSIWYG.js podremos cambiar el comportamiento del estilo y adaptarlo a nuestro gusto, por ejemplo al usar negrita podemos cambiar la configurar y en lugar de usar lo podemos cambiar a simplemente , en el archivo js hay muchas opciones que se pueden aprovechar para sacarle el jugo…