Incluir HTML en Flash

  • 09/11/2007
  • 12:30 am
  • unijimpe

Una de las tareas mas comunes es la posibilidad de incluir tags html en flash. Para ello hay una serie de tags soportados los cuales podemos utilizar para dar formato a nuestros campos de texto.

Tags Soportados
Obviamente Flash no soporta todos los tags html, pero si una variedad muy interesante que nos permitirá formatear correctamente los textos.

  • <a>: son enlaces de texto que puede llamar a un URL.
  • <b>: texto en negrita.
  • <font>: fuente de los textos, soporta el tipo de letra, tamaño y color.
  • <i>: texto en itálica o cursiva.
  • <p>: párrafo, acepta alineación a la derecha, izquierda y centro.
  • <u>: texto subrayado.
  • <br>: salto de linea
  • <img>: para incluir imágenes externas (JPEG, GIF, PNG), SWFs y MovieClip en los campos de texto.
  • <li>: elemento de de una lista. Solo se aceptan listas sin orden y no es necesario utilizar ol o ul.
  • <span>: solo disponible para aplicas estilos CSS.

Aplicando HTML en Flash
Para poder aplicar html el flash, es necesario que el campo de texto donde vamos a insertar sea del tipo html y luego asignamos el contenido con la propiedad htmlText. Entonces si tenemos un campo de texto llamado detalle, entonces:

Actionscript:
  1. detalle.html = true;
  2. detalle.htmlText = "Hola <b>unijimpe</b>";

Luego si deseamos por ejemplo deseamos cargar un archivo externo que contiene un texto html. Entonces sea que tengamos un archivo llamado content.txt que contiene el siguiente texto.

CODE:
  1. txt=<font color="#AA000">Caracteristicas</font><br>Entre las
  2. características de <i>Adobe Media Player</i> tenemos:<br>
  3. <li>Reproducción de archivos FLV desde tu computador.</li>
  4. <li>Reproducción de vídeo Streaming o vídeo Online.</li>
  5. <li>Doble click sobre un FLV y reproduce el video.</li>
  6. <li>Thumbnails de los videos.</li>
  7. Extraido de: <a href="http://labs.adobe.com">Adobe Labs</a>

Luego, utilizamos la clase LoadVars para hacer la carga del txt en nuestro flash de la siguiente forma:

Actionscript:
  1. var loadtxt:LoadVars = new LoadVars();
  2. loadtxt.load("content.txt");
  3. loadtxt.onLoad = function() {
  4.     detalle.html = true;
  5.     detalle.htmlText = this.txt;
  6. }

Con lo cual obtenemos el siguiente resultado, en el cual hemos aplicado color, listas y enlaces al texto:

Cargando Flash

Si desean obtener mas información acerca de incluir html en flash pueden visitar la documentación en Using HTML text formatting in Flash CS3 Professional. Finalmente les dejo los archivos fuente de este post para descargar.

Posts Relacionados

Total de Comentarios: 11

Publicidad
Firewall
10/11/2007
11:13 pm

como simpre muy buenos tutos en tu blog

El increíble CptSpiff
13/11/2007
8:56 am

Hola. Gracias por este tutorial el de subidas de archivos me vino genial.

Sólo una observación, las palabras que están dentro de las etiquetas b o i no me aparecen.

¿Es algún fallo en el flashplayer?

Muchas Gracias

Ramiro Ramirez
16/11/2007
4:01 pm

Muy buenos los tutoriales, y bastante utiles.

pablo
21/11/2007
11:18 am

Muy bueno a mi la que mas util me ha sido ultimamente ha sido textformat iamginate que tienes un parrafo con un titular bastante grande y luego texto pequeñajo y el salto de linea automatico del flash te lo mata

blablablablablabla

algo por el estilo tiene unas cuantas opciones de este palo que son bastante utiles eso si todo esto petardea como todo lo que hace adobe por ahora todavia no he sido capaz de poner una imagen en una linea sin que me haga salto de linea y otras cosas =)

Incluir Html en Flash
20/12/2007
2:02 am

[...] web de unijimpe a sacado un minitutorial de como incluir html en flash, aunque flash no soporta toda la cantidad de código html si una parte bastante importante que [...]

Dante
13/05/2008
1:53 am

Como haria para leer feeds rss?

Carlos
10/06/2008
10:43 am

Hay manera de que ponga acentos, ya que no me los pone :(

jjg
30/06/2008
2:25 pm

esta buenisimo este tuto

Diseño Web Peru
17/07/2008
7:17 pm

Que buen aporte Gracias

Cristina
17/09/2008
5:45 pm

¿Se podrían cargar formularios en html dentro de flash?, solo consigo que me muestre el código del formulario, pero no el formulario en sí. Gracias de antemano.

unijimpe
17/09/2008
8:04 pm

Hola Cristina, si te fijas en el post, hay una lista de los tags aceptados por flash (Que no son muchos) y entre ellos no figuran los tags para la creación de formularios. Los formularios los debes hacer en Flash.

Enviar Comentario

(*)

(*)