wising the rich froala example flex flash actionscript air

the - ¿Recomendaciones para un RichTextEditor HTML-Friendly para Flex & AIR?



wysiwyg editor web (4)

Actualmente, estoy investigando el uso de FCKeditor como una ventana emergente en las páginas para editar contenido que se puede mostrar en el componente Flex htmlwrapper ... no tengo idea de hasta dónde llegaré , ¡pero esa es mi idea!

Como proyecto paralelo, para "divertirme", estoy reescribiendo mi blog y CMS en Flex y AIR, respectivamente, y aunque estoy bastante satisfecho con el diseño hasta el momento, el único punto de dolor sigue funcionando (que es digamos, realizar operaciones CRUD en contenido heredado HTML, y renderizar ese contenido HTML decentemente tanto en el navegador como en el reproductor Flash. Claro, puedo usar los controles listos para usar de RichTextEditor y TextArea, pero ambos tienden a ahogarse al mostrar y manipular marcas simples (por ejemplo, citas únicas o ausentes en atributos, alineación de imagen, etc.) y el contenido que contiene se genera de manera predeterminada, mientras que está bellamente renderizado en el reproductor Flash, por lo general se ve ridículo en el navegador, un factor importante para mí, ya que me gustaría seguir publicando RSS.

Sé que hay un par de derivados RichTextEditor por ahí, pero antes de ir por el camino con alguno de ellos, o por la ruta alternativa de manipular el contenido manualmente, pensé que iba a sondear el grupo aquí primero, para ver si alguien abordaba este problema antes; parece que tiene que ser un caso de uso bastante común.

Gracias de antemano por sus ideas!



El problema que ha afectado es que Flash admite nativamente un subconjunto muy pequeño de HTML . Por lo tanto, cualquier edición que haga para adaptarse al reproductor Flash lo hará renderizar mucho más primitivamente en HTML. Personalmente, creo que los objetivos contradictorios de editar contenido heredado en Flash y mostrarlos limpiamente tanto en el navegador como en Flash serán demasiado difíciles de resolver.

Una alternativa sería escribir su propio motor de diseño de texto, al igual que lo hizo el equipo que trabaja en Buzzword . Dado que les llevó muchos meses producir su aplicación, sospecho que esto está fuera del alcance de sus planes :)

Otra alternativa más simple sería aplicar un transformador del lado del servidor sobre el contenido HTML para simplificarlo hasta el nivel de Flash. Esto le permitiría tener un documento HTML muy bien distribuido y un documento Flash más simple. Sin embargo, no te ayudará a editarlo en el reproductor Flash.

Si quería editar su HTML en Flash, podría usar el truco wmode + iFrame mencionado por primera vez por Christophe Coenraets y actualizado por Renaun Erickson para obtener una vista previa dual en vivo, pero aún tendrá los problemas con diferentes niveles de soporte HTML por Flash y navegador. Y editar un campo de texto para editar manualmente, y luego, obtener una vista previa de tu contenido realmente no es lo que quieres hacer.

Una última opción sería investigar el Marco de diseño de texto recién en la versión beta que ayudaría a darle algunas de las partes más extensas de HTML de WYSIWYG. Esto parece complicado pero bastante rico en funciones. Funciona con Flex 3.2 / Flex 4 / Flash CS4. Por supuesto, esto en versión beta, por lo que puede cambiar en algún momento en el futuro.

Por otro lado, si está creando una aplicación de AIR, ¿quizás construir una aplicación HTML + JS AIR utilizando editores JS + HTML existentes como FCKEditor sería una solución viable? Entonces solo tendrías que renderizar para el reproductor Flash (quizás usando un enfoque de transformador como se detalla arriba).


Lea el HTML de pantalla en un proyecto Actionscript 3

No responde completamente su pregunta (ya que solo se trata de representar HTML en Flash), pero puede ser un punto de partida útil.

¿Ha considerado utilizar uno de los editores de texto enriquecido existentes basados ​​en JavaScript e incrustrarlo en HTML alojado en su aplicación basada en flash, por ejemplo?