Question

我的mx：Text的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是sim ），但这仅仅是因为图像是全宽的。如果我将img标记更改为 width = \“200 \”，则会显示浮动到右侧的文本。

但是，正如您可以看到全宽图像（因为文本组件的宽度为339），看起来文本仍然向右浮动，但它隐藏在图像的右侧。

任何帮助？

Answer 1

显示HTML内容时，HtmlText属性不太可靠。 Adobe甚至有关于img标签不完全支持的说明。

但是如果你想让你的文字在你的形象下，试着把它们放在不同的段落（p标签）。

另外，您可以查看3年前的Alex Harui's blog post。那时他有一个HTML实现，我发现它比htmlText属性更好。

Answer 2

我最终做的是确定它是否是全宽图像，并添加实际的＆lt; mx：Image＆gt;到vbox。当我从元素中请求htmlText时，我只是运行这样的东西：

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

这样，元素本身会返回包裹在主体中的图像以获得非全宽图像，但我确保它不包含在全宽图像中，直到我需要它为止。

具有全宽图像的Flex htmlText会删除字符

2 个答案: