Flex htmlText с полноразмерным изображением обрезает символы

Question

My mx: htmlText текста имеет следующий вид:

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

Однако результат выглядит следующим образом:

Снимок экрана

AsВы можете сказать, что он обрезает первые несколько символов в тексте после тега изображения ( Lorem Ipsum - sim ), но это только потому, что изображение имеет полную ширину.Если я изменю тег img на width = \ "200 \" , он покажет текст, плавающий вправо.

Однако, как вы можете сказать с изображением полной ширины (потому чтоШирина текстового компонента составляет 339), кажется, что текст все еще перемещается вправо, но он скрыт с правой стороны изображения.

Любая помощь?

Answer 1

Свойство HtmlText не очень надежно при отображении содержимого HTML. Adobe даже отмечает, что тег img не поддерживается полностью.

Но если вы пытаетесь поместить свой текст под изображение, попробуйте поместить их оба в разные абзацы (тег p).

В качестве альтернативы вы можете проверить сообщение в блоге Алекса Харуи от 3 лет назад. На тот момент у него была реализация HTML, которую я нашел лучше для своих целей, чем свойство htmlText.

Answer 2

В итоге я определил, было ли это изображение полной ширины, и добавил фактический в vbox. Когда я запрашиваю htmlText у элемента, я просто запускаю что-то вроде этого:

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

Таким образом, сам элемент возвращает изображение, заключенное в тело, для изображения не полной ширины, но я уверен, что оно не будет включено в изображение полной ширины, пока оно мне не понадобится.