在flex中使用嵌入html文件以解决显示html的问题

最新推荐文章于 2017-07-24 14:52:41 发布

转载最新推荐文章于 2017-07-24 14:52:41 发布 · 189 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/guola/archive/2008/08/21/1272774.html

文章标签：

#javascript #ViewUI

本文介绍了一种在Adobe Flex应用程序中真实显示HTML内容的方法，通过使用Iframe组件并配合JavaScript进行交互，解决了Flex内置文本组件对HTML支持不足的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想在flex中真实的显示html,但是texteara,lable,text中只支持部分html标签

<a>、<b>、<br>、<font>、<img>如果用img又存在显示自动换行的问题。只有采用嵌入html的方法来解决。

1.flexdemo1

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" width="427" height="282" viewSourceURL="srcview/index.html">

<mx:Panel x="10" y="10" width="407" height="262" layout="absolute" title="TabNavigator with HTML IFrame Enclosures">

<mx:TabNavigator x="10" y="10" width="367" height="202">

<local:IFrame source="http://www.ff-power.com" label="T网" width="100%" height="100%">

</local:IFrame>

<local:IFrame source="http://www.ctott.com" label="飞凡动力" width="100%" height="100%">

</local:IFrame>

<local:IFrame source="http://www.ff-power.com/bbs" label="飞凡动力-BBS" width="100%" height="100%">

</local:IFrame>

</mx:TabNavigator>

</mx:Panel>

</mx:Application>

2.Iframe.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
    resize="callLater(moveIFrame)"
    move="callLater(moveIFrame)">
         <mx:Script>
    <![CDATA[
        import flash.external.ExternalInterface;
        import flash.geom.Point;
        import flash.net.navigateToURL;
        private var _source: String;

        private function moveIFrame(): void {

            var localPt:Point = new Point(0, 0);
            var globalPt:Point = this.localToGlobal(localPt);
            ExternalInterface.call("moveIFrame", globalPt.x, globalPt.y, this.width, this.height);
        }

        public function set source(source: String): void {
            if (source) {

                if (! ExternalInterface.available)
                {
                   // TODO: determine if this Error is actually needed. The debugger
                   // build gives the error below. Assuming that this error will not show
                   // up in the release build but haven't checked.
                    throw new Error("The ExternalInterface is not available in this container. Internet Explorer ActiveX, Firefox, Mozilla 1.7.5 and greater, or other browsers that support NPRuntime are required.");
                }
                _source = source;
                ExternalInterface.call("loadIFrame", source);
            }
        }

        public function get source(): String {
            return _source;
        }

        override public function set visible(visible: Boolean): void {
            super.visible=visible;
            if (visible)
            {
                ExternalInterface.call("showIFrame");
            }
            else
            {
                ExternalInterface.call("hideIFrame");
            }
        }

    ]]>
    </mx:Script>