Tags IMG dentro de uma âncora em um campo flash/as3 htmlText com incorpfonts = true, e um arquivo CSS para estilos se comporta inesperado? Qualquer solução?

Question

Quando os incorporados são removidos, funciona perfeitamente conforme o espere. Caso contrário, quando uma imagem é clicada, ele seleciona todo o texto em torno dela.

Alternativamente, alguém pode sugerir um método para estilizar campos de texto dinâmicos em vez de usar o HTML?

Answer 1

Consegui trazer o mesmo efeito sem usar a tag de âncora. Aparentemente, há um bug no uso da tag de âncora com imagens. De qualquer forma, aqui está o que eu fiz para superar isso.

import flash.display.*;
import flash.text.*;
import flash.events.*;
import flash.ui.Mouse;
private function init():void {

     //....
     var txt:String = "Curabitur dolor eros, gravida et.<p class='defStyle'><img src='003.jpg' id='0002'><br><br><br><br><br>Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio.</p>";
     testtext.htmlText=txt;

     var myPattern:RegExp =/<img[^>]+ids*=s*['"]([A-Za-z0-9]+)['"][^>]*\s*>/igmxs;  
     var result:Object = myPattern.exec(txt);

     while (result != null) {
          var id = result[1];
          trace(id);
          var image:DisplayObject = testtext.getImageReference(id);
          image.addEventListener(MouseEvent.CLICK, imgClick);
          image.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHandler);
          image.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);
          result = myPattern.exec(txt);
      }

     ...//more

}

function imgClick(e:MouseEvent):void {
     trace('hello '+e.target.name);
}
function mouseOverHandler(e:MouseEvent):void {
     Mouse.cursor='button';
}
function mouseOutHandler(e:MouseEvent):void {
     Mouse.cursor='auto';
}