I think you could just stick TextFlow tags inside the "content" property

<s:TextArea>
  <s:content>
    <s:TextFlow><s:InlineGraphic /></s:TextFlow>
  </s:content>
</s:TextArea>

I think Royale is currently handling:

<js:Label>
  <js:htmlText>
     <p><img  /></p?
   </js:htmlText>
</js:Label>

As a String assigned to the htmlText property.  I'm not a fan of wrapping in 
some other tag for identification, but not opposed either.  I think we have 
several scenarios, including limiting the set of html tags handled as string.  
For example, Label's htmlText is really only wanting to accept tags that Flash 
TextField can handle, or maybe tags that aren't containers other than <p>.

Then in other places we do want the tags turned into a tree.

HTH,
-Alex

On 1/14/20, 9:19 AM, "Harbs" <harbs.li...@gmail.com> wrote:

    One “easy” way around the problem would be to require true html markup to 
be inside some kind of tag to identify it as such. I think that’s what you’re 
saying IIUC.
    
    I’ve never used TLF markup, so I’m not familiar with how that’s used. What 
would that look like?
    
    > On Jan 14, 2020, at 7:11 PM, Alex Harui <aha...@adobe.com.INVALID> wrote:
    > 
    > IMO, allowing lowercase html tags should be allowed.  We need to 
distinguish when the compiler should build a tree of objects vs leave the tags 
as string.  IIRC, there is metadata about TextFlow markup for RichEditableText 
and Spark TextInput/TextArea.  Maybe we should do something like that for where 
the compiler currently leaves html as strings.
    > 
    > -Alex
    > 
    > On 1/14/20, 8:52 AM, "Harbs" <harbs.li...@gmail.com> wrote:
    > 
    >    Huh. Missed that. Reverting my changes.
    > 
    >    We should document this somewhere (unless I missed it).
    > 
    >    OK. I’m pretty sure that will not work for SVG elements (i.e. there’s 
no innerHTML), so I left the lowercase component declarations there.
    > 
    >> On Jan 14, 2020, at 6:22 PM, Alex Harui <aha...@adobe.com.INVALID> wrote:
    >> 
    >> IIRC, the compiler has some code that looks for certain html tags and 
assigns it as a string.  That is for components with an htmlText property, 
maybe others.  Where a component can render html directly (as opposed to 
receiving a tree of objects), we want that html to remain as a string.  So 
maybe these recent changes have messed with that.  IMO, we should not break 
that ability.  Html-as-string will be way more efficient than a tree of objects 
in many cases.
    >> 
    >> -Alex
    >> 
    >> On 1/14/20, 1:01 AM, "Harbs" <harbs.li...@gmail.com 
<mailto:harbs.li...@gmail.com>> wrote:
    >> 
    >>   No idea how that markup worked before <img> was a recognized tag…
    >> 
    >>   I just added “class" to HTML elements. That seems to fix it.
    >> 
    >>> On Jan 14, 2020, at 10:54 AM, Harbs <harbs.li...@gmail.com> wrote:
    >>> 
    >>> How did that work before?
    >>> 
    >>>> On Jan 14, 2020, at 10:33 AM, Carlos Rovira <carlosrov...@apache.org> 
wrote:
    >>>> 
    >>>> Hi,
    >>>> The problem is that "img" now is not allowed in html:Div
    >>>> some of the latest changes make it invalid.
    >>>> @Harbs I commented the two images in RoyaleSite.
    >>>> Hope you can take a look to fix it and restore that tow images back
    >>>> 
    >>>> Thanks
    >>>> 
    >>>> 
    >>>> El mar., 14 ene. 2020 a las 8:21, Carlos Rovira 
(<carlosrov...@apache.org>)
    >>>> escribió:
    >>>> 
    >>>>> Hi Harbs,
    >>>>> 
    >>>>> some of the latest changes makes build brake. Can you take. a look?:
    >>>>> 
    >>>>> Loading configuration:
    >>>>> 
/Users/carlosrovira/Dev/Royale/Source/royale-asjs/frameworks/projects/RoyaleSite/target/compile-swf-config.xml
    >>>>> 
    >>>>> 
    >>>>> 
/Users/carlosrovira/Dev/Royale/Source/royale-asjs/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml(68):
    >>>>> col: 21 Error: This attribute is unexpected. It will be ignored.
    >>>>> 
    >>>>> 
    >>>>>         <P><img class="aboutus-logo" src="
    >>>>> 
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2Fapache-royale-logo-footer-circle-grey.svg&amp;data=02%7C01%7Caharui
 
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2Fapache-royale-logo-footer-circle-grey.svg&amp;data=02%7C01%7Caharui>%40adobe.com%7C98e410d1913447ae2a4508d798d06398%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637145893101632851&amp;sdata=4AqBfGfpVFpK%2BKLMt3fsh8JzkhWClOEVZ%2B0sZflXhf4%3D&amp;reserved=0"/>Apache
    >>>>> Royale™ is a highly productive open source application technology for
    >>>>> building expressive frontend applications that outputs to different 
formats
    >>>>> and deploy consistently on all major browsers, desktops and 
devices.</P>
    >>>>> 
    >>>>>                 ^
    >>>>> 
    >>>>> 
    >>>>> 
/Users/carlosrovira/Dev/Royale/Source/royale-asjs/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml(69):
    >>>>> col: 21 Error: This attribute is unexpected. It will be ignored.
    >>>>> 
    >>>>> 
    >>>>>         <P><img class="aboutus-apache-logo" src="
    >>>>> 
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2FApache_PoweredBy.svg&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&amp;sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&amp;reserved=0
 
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2FApache_PoweredBy.svg&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&amp;sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&amp;reserved=0>"
    >>>>> />
    >>>>> 
    >>>>>                 ^
    >>>>> 
    >>>>> 
    >>>>> 
/Users/carlosrovira/Dev/Royale/Source/royale-asjs/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml(68):
    >>>>> col: 21 This attribute is unexpected. It will be ignored.
    >>>>> 
    >>>>> 
    >>>>>         <P><img class="aboutus-logo" src="
    >>>>> 
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2Fapache-royale-logo-footer-circle-grey.svg&amp;data=02%7C01%7Caharui
 
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2Fapache-royale-logo-footer-circle-grey.svg&amp;data=02%7C01%7Caharui>%40adobe.com%7C98e410d1913447ae2a4508d798d06398%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637145893101642852&amp;sdata=aDYBzB7k9oiULacb2tTc21YeywcVl443xIXhOJQAMeM%3D&amp;reserved=0"/>Apache
    >>>>> Royale™ is a highly productive open source application technology for
    >>>>> building expressive frontend applications that outputs to different 
formats
    >>>>> and deploy consistently on all major browsers, desktops and 
devices.</P>
    >>>>> 
    >>>>>                 ^
    >>>>> 
    >>>>> 
    >>>>> 
/Users/carlosrovira/Dev/Royale/Source/royale-asjs/frameworks/projects/RoyaleSite/src/main/royale/org/apache/royale/site/Footer.mxml(69):
    >>>>> col: 21 This attribute is unexpected. It will be ignored.
    >>>>> 
    >>>>> 
    >>>>>         <P><img class="aboutus-apache-logo" src="
    >>>>> 
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2FApache_PoweredBy.svg&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&amp;sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&amp;reserved=0
 
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2FApache_PoweredBy.svg&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&amp;sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&amp;reserved=0>"
    >>>>> />
    >>>>> 
    >>>>>                 ^
    >>>>> 
    >>>>> 
    >>>>> 0.188070813 seconds
    >>>>> 
    >>>>> [*INFO*]
    >>>>> 
*------------------------------------------------------------------------*
    >>>>> 
    >>>>> [*INFO*] *Reactor Summary for Apache Royale: Framework: Parent
    >>>>> 0.9.7-SNAPSHOT:*
    >>>>> 
    >>>>> [*INFO*]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Parent ................... 
*SUCCESS*
    >>>>> [  3.585 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework ........................... 
*SUCCESS*
    >>>>> [  0.431 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Fonts .................... 
*SUCCESS*
    >>>>> [  1.187 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs ..................... 
*SUCCESS*
    >>>>> [  0.933 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Language ........... 
*SUCCESS*
    >>>>> [  2.546 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Core ............... 
*SUCCESS*
    >>>>> [  5.520 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Binding ............ 
*SUCCESS*
    >>>>> [  0.907 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Graphics ........... 
*SUCCESS*
    >>>>> [  1.543 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Collections ........ 
*SUCCESS*
    >>>>> [  1.041 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Basic .............. 
*SUCCESS*
    >>>>> [  7.818 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Charts ............. 
*SUCCESS*
    >>>>> [  1.888 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Effects ............ 
*SUCCESS*
    >>>>> [  1.130 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: CreateJS ........... 
*SUCCESS*
    >>>>> [  1.014 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Reflection ......... 
*SUCCESS*
    >>>>> [  0.964 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: DragDrop ........... 
*SUCCESS*
    >>>>> [  1.187 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Express ............ 
*SUCCESS*
    >>>>> [  0.870 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Formatters ......... 
*SUCCESS*
    >>>>> [  0.603 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Network ............ 
*SUCCESS*
    >>>>> [  1.267 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: XML ................ 
*SUCCESS*
    >>>>> [  0.913 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: MXRoyale ........... 
*SUCCESS* [
    >>>>> 21.975 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Crux ............... 
*SUCCESS*
    >>>>> [  1.720 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Flat ............... 
*SUCCESS*
    >>>>> [  0.749 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: FontAwesome ........ 
*SUCCESS*
    >>>>> [  0.667 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: GoogleMaps ......... 
*SUCCESS*
    >>>>> [  0.753 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: HTML ............... 
*SUCCESS*
    >>>>> [  1.146 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: HTML5 .............. 
*SUCCESS*
    >>>>> [  0.555 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Icons .............. 
*SUCCESS*
    >>>>> [  0.642 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Jewel .............. 
*SUCCESS* [
    >>>>> 15.095 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: JQuery ............. 
*SUCCESS*
    >>>>> [  0.572 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Material Design Lite 
*SUCCESS*
    >>>>> [  2.485 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Mobile ............. 
*SUCCESS*
    >>>>> [  0.936 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: RoyaleSite ......... 
*FAILURE*
    >>>>> [  0.275 s]
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: RoyaleUnit ......... 
*SKIPPED*
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: RoyaleUnitUI ....... 
*SKIPPED*
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: Text ............... 
*SKIPPED*
    >>>>> 
    >>>>> [*INFO*] Apache Royale: Framework: Libs: TLF ................ 
*SKIPPED*
    >>>>> 
    >>>>> 
    >>>>> 
    >>>>> --
    >>>>> Carlos Rovira
    >>>>> 
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&amp;sdata=HtozJjFpBO9r1LoIFYkliy14YmHZ%2F%2B8kXga%2B1uQ7CYs%3D&amp;reserved=0
 
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&amp;sdata=HtozJjFpBO9r1LoIFYkliy14YmHZ%2F%2B8kXga%2B1uQ7CYs%3D&amp;reserved=0>
    >>>>> 
    >>>>> 
    >>>> 
    >>>> -- 
    >>>> Carlos Rovira
    >>>> 
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660146428&amp;sdata=jlPJE%2FSLSy6D1SoJUr5OThKBQF3G2GqzRTvUWGqm6tE%3D&amp;reserved=0
 
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&amp;data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660146428&amp;sdata=jlPJE%2FSLSy6D1SoJUr5OThKBQF3G2GqzRTvUWGqm6tE%3D&amp;reserved=0>
    > 
    > 
    
    

Reply via email to