AIR HTML Control
The AIR HTML control is something that is unique to AIR and is very easy to integrate into your application. It can be used to simply load in an external html file by location as shown here:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="absolute">
- <mx:HTML location="http://blog.everythingflex.com"/>
- </mx:WindowedApplication>
OR
It can be used for custom html using the htmlText property as shown below:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- <mx:Script>
- <![CDATA[
- [Bindable]
- private var htmlString:String = '<table border="1"><tr><td>A table cell</td></tr><tr><td>Another cell</td></tr></table>';
- ]]>
- </mx:Script>
- <mx:HTML htmlText="{htmlString}" width="300" height="300"/>
- </mx:WindowedApplication>
Note: The htmlText property will only return a value in the second example. To get the html contents of the the component using location, you will need to do a little hack at this time as shown here.
- var str:String = html.htmlLoader.window.document.documentElement.innerHTML;
- str = str.replace(/\r/g, File.lineEnding);
- str = '<html>' + str + '</html>';
