FlashのActionScriptにはTextFieldにはhtmlText というプロパティーがあり、単純なHTMLのタグであれば、HTML表示してくれます。
しかし、サポートされているタグがかなり少ないため、一般的なHTMLを読む込むとなかなかうまく表示されません。
CMSやMTなどの使って、HTMLを更新するプロジェクトが増えていますが、Flashだとそれらで制作したHTMLを読み込んで、正しく表示するのはなかなかうまくいきません。それが理由で更新性が低いといことになり、企業のサイトではFlashサイトが敬遠されたりします。
そこで、SFCのFlashサイトなどでは、HTML版のHTMLをFlash側で読み込み、ActionScriptでHTMLのレンダリングをしています。
http://www.sfc.keio.ac.jp/flash/index.html#/admissions/open_campus
のページは、
http://www.sfc.keio.ac.jp/admissions/open_campus.html
のHTMLを直接読み込んでいます。
Tableタグや、フロートタグ、listのタグ等にも対応しているのですが、汎用的に作り始めたものの、プロジェクト毎に若干違う仕様(CSSの読み込み方など)があるため、ところどころにハードコーディングしつつ利用していました。
そこで、汚くなってしまったソースを整理しつつ、汎用的なHTMLレンダラーに作り替えようと作業を始めてみました。
ひとまず、MTで作った、
http://www.spurs.jp/blog/2009/12/post.html
をFlash側のサイト
http://www.spurs.jp/#/2009/12/post.html
に読み込んでみました。
不必要なDIVはCSSでdisplay:noneで消してます。
他のアドレスでもBlogのURLのblog 部分を # に変えるとFlashで表示されます。
tableの幅の決定方法とか、汎用的に作ろうとするとなかなか難しいものです。
ある程度完成したら、どこかに公開したいです。
しかし、サポートされているタグがかなり少ないため、一般的なHTMLを読む込むとなかなかうまく表示されません。
CMSやMTなどの使って、HTMLを更新するプロジェクトが増えていますが、Flashだとそれらで制作したHTMLを読み込んで、正しく表示するのはなかなかうまくいきません。それが理由で更新性が低いといことになり、企業のサイトではFlashサイトが敬遠されたりします。
そこで、SFCのFlashサイトなどでは、HTML版のHTMLをFlash側で読み込み、ActionScriptでHTMLのレンダリングをしています。
http://www.sfc.keio.ac.jp/flash/index.html#/admissions/open_campus
のページは、
http://www.sfc.keio.ac.jp/admissions/open_campus.html
のHTMLを直接読み込んでいます。
Tableタグや、フロートタグ、listのタグ等にも対応しているのですが、汎用的に作り始めたものの、プロジェクト毎に若干違う仕様(CSSの読み込み方など)があるため、ところどころにハードコーディングしつつ利用していました。
そこで、汚くなってしまったソースを整理しつつ、汎用的なHTMLレンダラーに作り替えようと作業を始めてみました。
ひとまず、MTで作った、
http://www.spurs.jp/blog/2009/12/post.html
をFlash側のサイト
http://www.spurs.jp/#/2009/12/post.html
に読み込んでみました。
不必要なDIVはCSSでdisplay:noneで消してます。
他のアドレスでもBlogのURLのblog 部分を # に変えるとFlashで表示されます。
tableの幅の決定方法とか、汎用的に作ろうとするとなかなか難しいものです。
ある程度完成したら、どこかに公開したいです。

コメントする