embedFonts = true로 Flash/AS3 HTMLtextfield의 앵커 내부에 Img 태그가 있고 스타일 용 CSS 파일이 예기치 않게 작동합니까? 어떤 해결책?

Question

embedFonts를 제거하면 완전히 예상대로 작동합니다. 그렇지 않으면 이미지를 클릭하면 주위의 전체 텍스트가 선택됩니다.

다른 방법으로는 html 대신 동적 텍스트 필드를 스타일 화하는 방법을 제안 할 수 있습니까?

Answer 1

앵커 태그를 사용하지 않고 동일한 효과를 나타낼 수있었습니다. 이미지에 앵커 태그를 사용하는 데 버그가있는 것 같습니다. 어쨌든 여기에 내가 이것을 극복하기 위해 한 것이있다.

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'; 
}