[ Tutorial ] HTML in Flash

[FLASHStyler]

Da das Thema hier ziemlich oft im Forum auftaucht und ich schon mehrmals
zu diesem Thema immer wieder die gleichen Beiträge verfaßt habe ( ), habbe ich mich hingesetzt und versucht ein Tutorial zu schreiben, obs gelugen ist müsst ihr selbst beurteilen. Kommentare, Verbesserungen etc. sind immer erwünscht. Ausserdem wollte ich damit eher einen zentr. Bezugspunkt schaffen, damit die Leute nicht lange suchen müssen, sondern gleich unter Tutorials (hoffentlich) nachschlagen können.

1. HTML so wie man es kennt ( Frames, IMG, Formulare etc. ) ist in Flash nicht möglich. Allerdings sind einige Formatierungstag zulässig und werden auf Texte angewendet:

PHP-Code:

a> ... </a>      Zur Einrichtung von Hyperlinks. Das Ziel des Links 
                  wird als Wert des Attributs [i]href[/i] angegeben, 
                  der sichtbare Text des Hyperlinks steht zwischen 
                  den <a>-Tags. 

                  [i]<a href="http://www...">Klicke hier</a>[/i] 

                  Hyperlinks zu Dokumenten eigener Website 
                       
                  <a href="dokument.html">Klicke hier</a> 
                          
                  Hyperlinks zu bestimmen Textstellen: 
                  Zuerst muss in der Zielwebsite ein Zielpunkt für 
                  den Hyperlink definiert werden. 

                  <a name="Anker">Zum Zielpunkt 1</a> 

                  Dann folgt der Hyperlink: 
                   
                  <a href="#Anker">Zum Zielpunkt</a> 

<b> ... </b>     Fettschrift 
                  <b>Dieser Text ist Fett</b> 

<font color>     Die Schriftfarbe ändern 
... </font>        <font color="#FF0000"> rot </font> 

<font face>      Die Schriftart ändern 
... </font>        <font face="Times New Roman"> Text </font> 

<font size>      Die Schriftgröße ändern 
... </font>        <font size="12"> Text </font> 

<i> ... </i>      Kursiv 
                  <i> Text </i> 

<p> ... </p>    Absätze mit Zeilemumbruch 
                  <p> Text 1</p> <p> text 2</p> 

<u> ... </u>    Unterstrichen 
                  <u> Text </u> 


2. Um die oben stehenden HTML- Tags in Flash anzuwenden ist folgendes nötig:

Bei manuell erstellten Textfeldern muss das Anzeigen von HTML Elementen aktiviert werden, indem man entweder im Textfeldeigenschaftsfenster das Häckchen für "Text als HTML Text wiedergeben" aktiviert (Anhang: imgOne) oder per ActionSctipt- Befehl

PHP-Code:

myTextField.html = true //Textfeld wird mit Instanznamen angesprochen 


die Verarbeitung erlaubt.

Da wir bei per ActionScript erstellten Textfeldern mit

PHP-Code:

/*Pfad*/ createTextField("ID", Depth, xPos, yPos, Width, Height) 


keine Möglichkeit haben auf das Eigenschaftsfenster zu zugreifen (wie denn auch ) wird die Verarbeitung bei diesen per ActionScript aktiviert.

3. Die Textzuweisung erfolgt entweder im AS-Editor per

PHP-Code:

myTextField.htmlText = "<font color='ff0000'><u>Flash in HTML</u></font>"; 
/*Textfeldinstanzname nötig (Anhang: imgTwo)*/ 


oder extern in einer Textdatei (siehe Beispiel).
Für beides gilt die obenstehende Voraussetztung.

4. Beispiel:

PHP-Code:

//Textdatei (Name: myTextFile.txt)
&myTextfieldVar=<font color='#ff0000'><u>Flash in HTML</u></font> 


Der Variablenname bezieht sich auf ein Textfeld in der Flash Datei, welcher ebenfalls den gleichen Variablennamen trägt (Anhang: imgThree).
Zu beachten ist, dass vor dem Var.namen &- Zeichen befindet und dass rechts und links von = keine Leerzeichen vorhanden sind.

Die Textdatei muss dann nur noch in Flash reingeladen werden, dies geschieht entweder mit dem loadVars- Objekt oder mit

PHP-Code:

/*Pfad*/loadVariables("url") 


[FLASHStyler]

Edit:

Bei Tag- Attributen sollte man auch umbedingt auf Anführungszeichen, wie man sie bei Stringdeffinitionen benutzt:

PHP-Code:

myStr = "FlashForm.De" 


verzichten, da es sonst passieren kann, dass die Zeichenkette unterbrochen wird und Probleme auftretten können, bei denen manche, wie oft mitbekommen, Stunden lang danach suchen.

Problem:

PHP-Code:

myTextField.htmlText = "<font color="#ff0000">Hier ist mein Text</font>" 


Als Alternative steht dann folgendes zur Verfügung:

PHP-Code:

myTextField.htmlText = "<font color='#ff0000'>Hier ist mein Text</font>"

myTextField.htmlText = "<font color=\"#ff0000\">Hier ist mein Text</font>" 


[sonar]

Cool FS!

[FLASHStyler]

Zitat von sonar

Cool FS!

[Superbohne]

Hallo Ihr gelben Engel,

wird der HTML Text dann auch in der index.html separat eingebunden (anolag zu den hyperlinks) ?

Ich denke da an die Indizierbarkeit für Suchmaschinen ...

Evtl. ja ein weihnachltlicher Holzweg.

Merry x-mas.

dieSuperbohne.

[Pan_Tau]

Seit Zwei Tagen such ich sowat hier im Forum und im Netz und endlich fündig. Klass FLASHStyler.

@Admins
Vielleicht kann einer diesen Thread mal in die Tutorials stellen. Das wäre echt cool. Dann findet man es schneller.

Also speziellen Dank an FLASHStyler für diesen TUT. Sauber

Mfg Taui

[pixelarts]

Seit Flash MX 2004 lassen sich jetzt auch ein paar sachen mehr Formatieren, und einfügen, wie zb bilder

Supported HTML tags in Flash MX 2004

[hgseib]

und was viele immer wieder total überrascht (sorry FLASHStyler, dennoch nette arbeit) das ist alles ausführlichst im handbuch beschrieben!

[gonzo47]

Krieg ich das Textfeld auch dazu mir auch Bilder aus <img>-Tags anzuzeigen ? Ich mein wenns Html macht müsste das doch gehn oder gehst nicht weils ja ein Textfeld und kein "Bildfeld" ist ?

Thx

Phil

Ja geht ! habs grad gesehen sry ! - (erst lesen dann schreiben..... )

[pixelarts]

von wo kommt den dein zitat her, aus diesem thread?

[wacker]

und für alle die wie ich zu faul zum tippen sind: http://www.wacker.tv/mini-editor/

[DNAofDeath]

@wacker sehr geiles tool kam gleich in meine bookmarks rein
das img tags funzen hab ich ja noch garnet gewusst man lernt nie aus