flex学习笔记 富文本编辑(一)-RichTextEditor

用户可使用 RichTextEditor 控件输入文本并设置其格式。用户可以更改的文本特征包括字体系列、颜色、大小和样式以及其他属性(如文本对齐方式、项目符号和 URL 链接)。该控件由一个包括两个直属子项的 Panel 控件组成:

  • 用户可在其中输入文本的 Text Area 控件。
  • 具有允许用户指定文本特征的格式控件的容器。格式控件会影响正在键入的文本或所选文本。

RichTextEditor 的默认大小为 300 × 325 个像素,默认最小大小为 200 × 220 个像素。如果将 RichTextEditor 控件置于 DividedBox 控件中,请确保 DividedBox 控件的大小足够包含最小尺寸的 RichTextEditor 控件。此外,您可以显式地将 RichTextEditor 控件的 minHeight 或 minWidth 属性设置为 NaN,以便 DividedBox 容器将控件的尺寸减少至 0。

 在RichTextEditor 中有以下子控件可以访问用来修改flex默认的RichTextEditor 。

控件类型

ID

说明

TextArea

textArea

用户可在其中输入文本的区域。

Container

工具栏 (toolbar)

格式控件的容器;如果适合置于一行,将这些控件放置到单个水平行中,否则将其放置到多个行中。

ComboBox

fontFamilyCombo

指定文本字体系列。ComboBox dataProvider 是字符串 Array,具有下列值: 

· _sans

· _serif

· _typewriter

· Arial

· Courier

· Courier New

· Geneva

· Georgia

· Helvetica

· Times New Roman

· Times

· Verdana(默认)

ComboBox

fontSizeCombo

指定字体大小。ComboBox dataProvider 是一个包含下列值的字符串 Array:8、9、10(默认)、11、12、14、16、18、20、24、26、28、36、48 和 72。 

注意:此规格是字体大小的实际像素值。这些大小值与 HTML 中使用 <font> 标签的 size 属性指定的相对字体大小不相等。

HBox

toolBar2

包含字体特征按钮。

Button

boldButton

切换到 selected="true" 时,将字体设为粗体。

Button

italicButton

切换到 selected="true" 时,将字体设为斜体。

Button

underlineButton

切换到 selected="true" 时,将字体设为带有下划线。

ColorPicker

colorPicker

指定文本的颜色。

ToggleButtonBar

alignButtons

指定文本对齐方式。控件的数据提供程序由对象的 Array 组成,并在其中使用对象 action 字段指定对齐类型。可用操作如下: 

· 左对齐(默认)

· 居中

· 右对齐

· 对齐

Button

bulletButton

切换到 selected="true" 时,将当前行或所选行设置到列表项目,位于某个项目符号之后。

TextInput

linkTextInput

仅当选中文本时才启用此字段。当用户在此字段中输入 URL 并按 Enter 键时,Flex 将在当前选定文本周围的 TextArea 子控件中插入 HTML <a href="user_text" target="blank"></a> 标签的等效项。 

Flex 最初使用由 defaultLinkProtocol 属性指定的文本填充此控件;用户可以向此文本追加其余的链接,或替换它。

你可能感兴趣的:(Flex)