Flash CS5, image from library in TLFTextField?

Question

I cannot seem to embed an inline image in a TLFTextField from the library.  Using the following snippet (with both a TLFTextField and a standard Dynamic TextField on the stage), the image appears ok in the Dynamic TextField, but no image in the TLFTextField.
var source:String ="image <img src='linkageId' width='100' height='100'/> footer";
TLFText.htmlText = source;
DynamicText.htmlText = source;
Changing the image source to a file path, and the image appears correctly in both.  However, I would really like to keep using the in-library symbols if possible, and the TLFTextField documentation suggests this is still possible.
This is using Flash Professional CS5 11.0.0.485 on Windows 7.  Any suggestions would be appreciated.

Answer 1

I'm not sure where you've misunderstood, so, I'll try to explain the entire process.
Steps to reproduce:
1. Draw or select a shape on the stage.
2. With the shape selected, do Convert to Symbol... under the Modify menu.
3. Give the symbol a good name, say "MySymbol".
4. Make sure to select the "Export for ActionScript" checkbox in the Advanced section & check "Export in frame 1".
5. In the frame script code (Window->Actions), I wrote the following function:
function inlineResolver(incomingILG:Object):DisplayObject
var ilg:InlineGraphicElement =  InlineGraphicElement(incomingILG);
if (ilg == null)
return null;
return new InlineText;
This is a function that TLF calls when it's sees an inline graphic in the markup, and it wants a DisplayObject for it. To create the DisplayObject, I simply create an instance of the symbol (new MySymbol(), or in my case, new InlineText()) and return that to the caller.
6. Also note this line of code in the frame script:
config.inlineGraphicResolverFunction = inlineResolver;
That's what tells TLF which function to call when it finds an inline graphic in the markup.
OK, I bet you knew all that stuff. What I think you're asking is how the original code shows the inline graphic on the stage. The only way to do that is to export it from InDesign. InDesign can export FLA files and the inline graphic objects get exported correctly in the markup. However, you can also hand write your markup which contains inline graphic objects. Here's the markup for the "tlf" object in my example FLA:
<TextFlow blockProgression="tb" direction="ltr" lineBreak="toFit" whiteSpaceCollapse="preserve" version="2.0.0" xmlns="http://ns.adobe.com/textLayout/2008"><p breakOpportunity="auto" direction="ltr" dominantBaseline="roman" leadingModel="romanUp" paragraphEndIndent="0" paragraphSpaceAfter="0" paragraphSpaceBefore="0" paragraphStartIndent="0" tabStops="s36 s72 s108 s144 s180 s216 s252 s288 s324 s360 s396 s432" textAlign="left" textIndent="0" textRotation="auto"><span baselineShift="0" cffHinting="horizontalStem" color="#1a1718" digitCase="default" digitWidth="default" dominantBaseline="roman" fontFamily="Minion Pro" fontSize="12" fontStyle="normal" fontWeight="normal" kerning="on" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textDecoration="none" trackingLeft="0%" trackingRight="0%">Red Circle Inline graphic </span><img baselineShift="0" customSource="225" locale="en" source="225"/><span baselineShift="0" cffHinting="horizontalStem" color="#1a1718" digitCase="default" digitWidth="default" dominantBaseline="roman" fontFamily="Minion Pro" fontSize="12" fontStyle="normal" fontWeight="normal" kerning="on" ligatureLevel="common" lineHeight="120%" lineThrough="false" locale="en" renderingMode="cff" textDecoration="none" trackingLeft="0%" trackingRight="0%"> Text following the red circle inline graphic</span></p></TextFlow>
Notice the <img> tag and that there is a "customSource" attribute. For the purposes of writing custom markup, all instances of the same symbol should use the same customSource numeric identifier. Other than that, they should all be unique numeric values. You can use the customSource identifier in the inlineResolver() function to know which graphic TLF is asking you for. For example, you could have code that looks like this:
function inlineResolver(incomingILG:Object):DisplayObject
var ilg:InlineGraphicElement =  InlineGraphicElement(incomingILG);
if (ilg == null)
return null;
if (incomingILG.userStyles.customSource == 225)
     return new MySymbol();
return null;
I hope that answers your question.
Rusty