die Darstellung von HTML innerhalb einer Flex-Anwendung

Ich habe etwas HTML-Code, der erzeugt wird, über einen Rich-Text-Editor außerhalb von meinem Flex-Anwendung möchte aber zeigen Sie Sie in Flex.

HTML einfach HTML-tags, die Dinge wie Formatvorlagen, Anker, und möglicherweise image-tags, gibt es ein Steuerelement, das würde ich machen diesen HTML-Code in flex-oder bin ich zu haben, meine ärmel hochzukrempeln und roll meine eigenen?

Alle Ideen dankbar...Danke.

InformationsquelleAutor mmattax | 2008-09-09

  1. 3

    Wenn der HTML-Code wird wirklich einfach, Sie können zeigen Sie es in einem normalen label oder eine textarea-Komponente aus, Wenn es komplexer ist, ich zitiere hier, was ich antwortete in dieser Frage. Die Diskussion dort hat auch ein wenig mehr info.

    Wenn es Komplex ist HTML und Javascript, ein möglicher Weg ist,HTMLComponent, eine Methode, die verwendet ein iframe über Ihre flash zu machen es zu erscheinen wie der HTML-Code in Ihre app. Es gibt ein paar Nachteile dieser Methode allerdings, die meisten von Ihnen im detail beschrieben bei Deitte.com.

    Wenn Sie diese bewegen können offline, Sie könnte verwenden Luft (es hat einen mx:HTML-Komponente integriert). Deitte.com hat ein detail von dieser Technik.

    InformationsquelleAutor Raleigh Buckner

  2. 1

    Schauen Sie sich die Dokumentation auf mx.controls.Label und flash.text.TextField (was zeigt den text in einer Text oder Label Steuerung in Flex). Die TextField Dokumentation besagt, dass

    Den <img> - tag können Sie Betten Sie externe Bilddateien (JPEG, GIF, PNG), SWF-Dateien und Movieclips in Textfelder. Text fließt automatisch um die Bilder, die Sie einbetten in die text-Felder. Um dieses tag zu verwenden, müssen Sie festlegen, dass das Textfeld mehrzeilig und text umbrechen.

    Was bedeutet, dass Sie können ein Bild anzuzeigen, das in einem Text - Komponente im Flex -, indem Sie seine htmlText - Eigenschaft, um einige HTML, die enthält eine <img> tag. Sie können nicht Label, denn es ist nicht multiline.

    Habe ich bemerkt, dass text-Felder haben Probleme mit dem richtigen Messen Ihrer Höhe, wenn die Bilder angezeigt, die in Ihnen sind Links oder rechts ausgerichtet, der text fließt um Sie herum (z.B. align="left"). Sie müssen möglicherweise einige zusätzliche Abstand unten zu begegnen, dass, wenn Sie verwenden möchten, ausgerichtet sind Bilder.

    InformationsquelleAutor Theo

  3. 1

    Werden kann, müssen Sie flex-iFrame Steuern.
    Es ist nicht eine 100% - flash-Lösungen und kombiniert ein bisschen von js Anrufe, aber funktioniert perfekt für mich.

    Kannst du dir aktuellste source-code von github https://github.com/flex-users/flex-iframe

    Ist hier einige Beispiel-code aus der Komponente Autor.

    <!---
    A basic example application showing how to embed a local html page in a Flex application.

    @author Alistair Rutherford
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
                xmlns:flexiframe="http://code.google.com/p/flex-iframe/"
                horizontalAlign="center"
                verticalAlign="middle"
                viewSourceURL="srcview/index.html">

    <!-- Example project presentation -->
    <mx:ApplicationControlBar dock="true">
        <mx:Text selectable="false">
            <mx:htmlText><![CDATA[<font color="#000000" size="12"><b>flex-iframe - Simple html example</b><br>This example shows how to embed a simple Html page in a Flex application.</font>]]></mx:htmlText>
        </mx:Text>
    </mx:ApplicationControlBar>

    <!-- HTML content stored in a String -->
    <mx:String id="iFrameHTMLContent">
        <![CDATA[
            <html>
                <head>
                    <title>About</title>
                </head>
                <body>
                    <div>About</div>
                    <p>Simple HTML Test application. This test app loads a page of html locally.</p>
                    <div>Credits</div>
                    <p> </p>
                    <p>IFrame.as is based on the work of</p>
                    <ul>
                      <li><a href="http://coenraets.org/" target="_top">Christophe Coenraets</a></li>
                      <li><a href="http://www.deitte.com/" target="_top">Brian Deitte</a></li>
                    </ul>
                </body>
            </html>
        ]]>
    </mx:String>

    <!-- Example using the 'source' property -->
    <mx:Panel title="A simple Html page embedded with the 'source' property"
              width="80%"
              height="80%">

        <flexiframe:IFrame id="iFrameBySource"
                           width="100%"
                           height="100%"
                           source="about.html"/>
    </mx:Panel>

    <!-- Example using the 'content' property -->
    <mx:Panel title="A simple Html page embedded with the 'content' property"
              width="80%"
              height="80%">

        <flexiframe:IFrame id="iFrameByContent"
                           width="100%"
                           height="100%"
                           content="{iFrameHTMLContent}"/>
    </mx:Panel>

</mx:Application>

    InformationsquelleAutor Adrian Pirvulescu

  4. 0

    @mmattax

    In der Tat können Sie anzeigen, Bilder in TextArea-Komponente. Der Ansatz ist nicht ganz ohne Probleme obwohl...

    InformationsquelleAutor Niko Nyman

Schreibe einen Kommentar