Flex RichText 區域文字顏色修改：HTML 標籤與 TextFlow 方案

Flex RichText (或 RichEditableText) 支援富文本顯示，需對部分關鍵字變色，核心是使用 TextConverter.importToFlow 解析 HTML 標籤。

解決方案

var str:String = "正常文字 重要紅字 繼續正常";
myRichText.textFlow = TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT);

支援的 HTML 子集

• <font color='#RRGGBB'> / <span style='color:red'>
• <b>, <i>, <u>
• <a href='...'> (需配合事件處理)
• <img src='...'> (內嵌圖片)
• <p>, <br/> 換行

替代方案：TextLayoutFramework (TLF) 程式化構建

import flashx.textLayout.elements.*;

var flow:TextFlow = new TextFlow();
var p:ParagraphElement = new ParagraphElement();
var span1:SpanElement = new SpanElement();
span1.text = "正常 ";
var span2:SpanElement = new SpanElement();
span2.text = "紅字";
span2.setFormat(TextFormat(color:0xFF0000));
var span3:SpanElement = new SpanElement();
span3.text = " 正常";
p.addChild(span1); p.addChild(span2); p.addChild(span3);
flow.addChild(p);
myRichText.textFlow = flow;

注意事項

• RichText 僅顯示，RichEditableText 可編輯。
• HTML 解析嚴格度較低，不標準標籤可能被忽略。
• 大量文本效能較差，考慮虛擬化或分頁。
• FlexJS / Apache Royale 移植 HTML5 時對應 TextFlow → CSS/HTML 富文本。

核心：用 HTML 字串 + TextConverter.TEXT_FIELD_HTML_FORMAT 最簡潔；複雜排版用 TLF 元素樹程式化構建。