的Flex的htmlText全寬度圖像切字符關閉

Question

我的MX：文本的htmlText都將是如下：

mainText.htmlText = "<img src=\"breadmaker.png\" width=\"339\" height=\"275\" vspace=\"0\" hspace=\"0\" \/>" + "Lorem Ipsum is simply dummy tex......(more here)" 

但是，結果如下所示：

Screenshot

正如你可以告訴，它會在圖像標籤（Lorem Ipsum is sim）後切斷文本中的前幾個字符，但這只是因爲圖像是全寬。如果我將img標記更改爲width = \「200 \」，它將顯示文本向右移動。

但是，正如您可以看到全寬圖像（因爲文本組件的寬度爲339），看起來文本仍然向右浮動，但它隱藏在圖像的右側。

任何幫助？

Answer 1

我最終做的是確定它是否是全幅圖像，並將實際的< mx：圖像>添加到vbox。當我從元請求將htmlText，我簡單地運行是這樣的：

if(fullWidthImage) 
    return "<p>"+imageString+"</p>"+body; 
else 
    return body; 

通過這種方式，元件本身返回裹在身上的非全幅圖像的圖像，但我確定它是不是包含在全幅圖像中，直到我需要它。

Answer 2

顯示HTML內容時，HtmlText屬性不是非常可靠。 Adobe甚至有關於img標籤沒有完全支持的說明。

但是，如果你想讓你的文字在你的圖像下，嘗試把它們放在不同的段落（p標籤）。

另外，你可以檢查出3年前的Alex Harui's blog post。他在那個時候有一個HTML實現，我比htmlText屬性更適合我的目的。