4.12.使用RichTextEditor

2024-04-27 13:51:54

字體：大中小

來源：轉載

供稿：網友

4.12.1. 問題
我想要創建一個可以讓用戶輸入富文本的組件,然后使用富文本創建的HTML。這個組件可以使用用戶電腦上的所有字體。
4.12.2. 解決辦法
創建一個RichTextEditor，然后從它的控制器里面讀取htmlText 屬性。設置定義在RichTextEditor 里的fontFamilyCombo 的dataProvider 來添加從Font.enumerateFonts 返回的所有結果。
4.12.3. 討論
RichTextEditor 相當的方便，允許用戶創建HTML 文本，通過使用htmlText 屬性，就可以從編輯器將文本讀出。RichTextEditor 包含了多個按鈕來設置文本的粗體，斜體，或是下劃線，一個ComboBox 用來設置字體，和一個ColorPicker 用來設置已選擇的文字的顏色，這些都可以從RichTextEditor 中訪問。下面的例子通過訪問fontFamilyCombo ComboBox 來添加所有用戶安裝了的字體以便用戶從中選擇一個使用。

要訪問用戶創建的文本的所有屬性，請使用RichTextEditor 的htmlText 屬性。這個屬性既可以獲取也可以設置，因此如果你想在編輯器中使用HTML，簡單地把一段正確的HTML 字符串賦給htmlText 屬性就可以了。

-XML

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="900"
height="500"
creationComplete="addFonts()">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private function addFonts():void
{
var arr:Array = Font.enumerateFonts(true);
richText.fontFamilyCombo.labelField = 'fontName';
richText.fontFamilyCombo.dataProvider =
Font.enumerateFonts(true);
}

]]>
</mx:Script>
<mx:RichTextEditor id="richText" width="400" height="400"
change="trace(richText.htmlText+' '+richText.text)"/>
<mx:TextArea height="100%" width="400"
htmlText="{richText.htmlText}" x="410"/>
</mx:Canvas>