Flex htmltext avec une image pleine largeur coupe les caractères

Question

My MX: HTMLText du texte est le suivant:

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

Cependant, le résultat ressemble à ce qui suit:

Capture d'écran

Comme vous pouvez le voir, il coupe les premiers caractères du texte après la balise d'image (Lorem ipsum est sim), mais c'est uniquement parce que l'image est pleine largeur. Si je change la balise IMG en largeur = "200 ", il montre le texte flottant vers la droite.

Cependant, comme vous pouvez le voir avec une image pleine largeur (parce que la largeur du composant de texte est 339), il semble que le texte flotte toujours vers la droite, mais il est caché sur le côté droit de l'image.

De l'aide?

Answer 1

Ce que j'ai fini par faire était de déterminer s'il s'agissait d'une image pleine largeur, et d'ajouter un véritableu003Cmx:Image> à la vox. Lorsque je demande le htmltext de l'élément, j'exécute simplement quelque chose comme ceci:

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

De cette façon, l'élément lui-même renvoie l'image enveloppée dans le corps pour une image non large, mais je m'assure qu'elle n'est pas incluse dans une image pleine largeur jusqu'à ce que j'en ai besoin.

Answer 2

La propriété HTMLText n'est pas très fiable lors de l'affichage du contenu HTML. Adobe a même une note sur la balise IMG qui n'est pas entièrement prise en charge.

Mais si vous essayez de mettre votre texte sous votre image, essayez de les mettre tous les deux dans différents paragraphes (t balise).

Vous pouvez également vérifier Article de blog d'Alex Harui Il y a 3 ans. Il avait à ce moment-là une implémentation HTML que j'ai trouvé mieux pour mes besoins que la propriété HTMLText.