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" <[email protected]> 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 <[email protected]> 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" <[email protected]> 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 <[email protected]> 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" <[email protected]
<mailto:[email protected]>> 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 <[email protected]> wrote:
>>>
>>> How did that work before?
>>>
>>>> On Jan 14, 2020, at 10:33 AM, Carlos Rovira <[email protected]>
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
(<[email protected]>)
>>>> 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&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&data=02%7C01%7Caharui>%40adobe.com%7C98e410d1913447ae2a4508d798d06398%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637145893101632851&sdata=4AqBfGfpVFpK%2BKLMt3fsh8JzkhWClOEVZ%2B0sZflXhf4%3D&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&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&reserved=0
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2FApache_PoweredBy.svg&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&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&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&data=02%7C01%7Caharui>%40adobe.com%7C98e410d1913447ae2a4508d798d06398%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637145893101642852&sdata=aDYBzB7k9oiULacb2tTc21YeywcVl443xIXhOJQAMeM%3D&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&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&reserved=0
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Froyale.codeoscopic.com%2Fwp-content%2Fuploads%2F2017%2F10%2FApache_PoweredBy.svg&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&sdata=9hYObmzPCVS2hvkbhMWvga238Iw%2BSd%2FwkQF005zIvrE%3D&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&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&sdata=HtozJjFpBO9r1LoIFYkliy14YmHZ%2F%2B8kXga%2B1uQ7CYs%3D&reserved=0
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660136434&sdata=HtozJjFpBO9r1LoIFYkliy14YmHZ%2F%2B8kXga%2B1uQ7CYs%3D&reserved=0>
>>>>>
>>>>>
>>>>
>>>> --
>>>> Carlos Rovira
>>>>
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660146428&sdata=jlPJE%2FSLSy6D1SoJUr5OThKBQF3G2GqzRTvUWGqm6tE%3D&reserved=0
<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C70264ea235d745eaa18008d79915e6a4%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637146191660146428&sdata=jlPJE%2FSLSy6D1SoJUr5OThKBQF3G2GqzRTvUWGqm6tE%3D&reserved=0>
>
>
