- 浏览: 98264 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
chensong215:
无法获取到ProgressEvent中的bytesTotal
自定义DownloadProgressBar -
qq2464785999:
非常感谢。
测试后,发现要用相对路径的话,好像要这么写
va ...
Flex写XML文件
flex4 textArea的htmlText属性
- 博客分类:
- flex
它现在包含Text布局框架(Text Layout Framework (TLF)),而TLF可以作为许多
Spark text组件的基础,例如RichText、RichEditableText、TextArea和 TextInput等组件,以及可以使用其中组件作为另一个
组件的部件的其它组件,例如ComboBox,ComboBox可以包含一个TextInput控件。 现在你可以对文本和文本流进行精细颗粒
的控制,并且能够利用你的UI实现若干真正令人惊奇的应用程序。 该框架非常广博。。。。
晕了,估计你到了这里看了这篇文章也是和我一样,是无尽的迷茫与无助,怎么办?还好我研究了下终于研究到了
下面就说说吧:textArea控件有个textFlow属性 就是这样咯,下面就写代了:
<s:TextArea id="txt" x="185" y="122" textFlow="{TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)}">
</s:TextArea>
如果你写在<fx:Script>就这样写吧:
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
这里的txt是textArea控件的实例名称,str就是一个关于htmlText的字符了;
好了下面就给个完整的代:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
<s:TextArea id="txt" x="157" y="118" />
<s:Button id="n" x="360" y="334" label="发送"/>
<s:TextInput id="input" x="167" y="332"/>
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
[Bindable]
private var str:String;
private function init():void
{
n.addEventListener(MouseEvent.CLICK,doclick);
}
private function doclick(e:MouseEvent):void
{
str="<font color='#ff0000' size='25' face='宋体'>"+input.text+"</font>"
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
}
]]>
</fx:Script>
</s:Application>
TEXT_FIELD_HTML_FORMAT:String - flashx.textLayout.conversion.TextConverter
HTML 格式。使用此常量,可用 HTML 格式从 TextFlow 导入或导出到 TextFlow。Text Layout Framework HTML 支持 flash.text 包中的 TextField 类所支持的标记和属性子集。
下表列出了对于导入和导出过程支持的 HTML 标记和属性(TextField 支持但 Text Layout Framework 不支持的标记和属性被专门描述为不支持):
标签 说明
锚标签 <a> 标签创建超文本链接并支持以下属性:
◦target:指定加载页面的目标窗口的名称。选项包括 _self、_blank、_parent 和 _top。_self 选项指定当前窗口中的当前帧,_blank 指定一个新窗口,_parent 指定当前帧的父级,而 _top 指定当前窗口中的顶级帧。
◦href:指定一个 URL。该 URL 可以是绝对路径,也可以是相对路径(相对于加载该页的 SWF 文件的位置)。http://www.adobe.com 示例表示对 URL 的绝对引用;/index.html 示例表示相对引用。绝对 URL 必须以 http:// 为前缀,否则 Flash 会将其视为相对 URL。注意:与 TextField 类不同,不支持 ActionScript link 事件。也不支持 a:link、a:hover 和 a:active 样式。
粗体标签 <b> 标签以粗体形式呈现文本。粗体必须可用于所使用的字体。
换行标签 <br> 标记将在文本中创建一个换行符。
字体标签 <font> 标签指定一种字体或一个字体列表来显示文本。字体标签支持以下属性:
◦color:只支持十六进制颜色 (#FFFFFF) 值。
◦face:指定要使用的字体的名称。如下例所示,您可以指定一个以逗号分隔的字体名称的列表,在这种情况下,Flash Player 选择第一个可用字体。如果本地计算机系统上未安装指定的字体,或 SWF 文件中未嵌入指定的字体,则 Flash Player 将选择替代字体。
◦size:指定字体的大小。您可以使用绝对像素大小(如 16 或 18),也可以使用相对磅值(如 +2 或 -4)。
◦letterspacing:指定应用到每个字符右侧的间距(手动字距微调),以像素为单位。
◦kerning:指定字距微调处于启用状态还是禁用状态。非零值表示启用字距微调,而零表示禁用字距微调。
图像标签 使用 <img> 标记,可将外部图像文件(JPEG、GIF、PNG)、SWF 文件和影片剪辑嵌入到文本中。
<img> 标签支持以下属性:
◦src:指定图像或 SWF 文件的 URL,或库中影片剪辑元件的链接标识符。此属性是必需的,所有其它属性都是可选的。外部文件(JPEG、GIF、PNG 和 SWF 文件)只有在完全下载之后才能显示。
◦width:所插入的图像、SWF 文件或影片剪辑的宽度(以像素为单位)。
◦height:所插入的图像、SWF 文件或影片剪辑的高度(以像素为单位)。
注意:与 TextField 类不同,不支持下列属性:align、hspace、vspace、id 和 checkPolicyFile。
斜体标签 <i> 标签以斜体形式显示标签中的文本。斜体必须可用于所使用的字体。
列表项标签 注意:与 TextField 类不同,不支持 List 项标签。
段落标签 <p> 标签创建一个新段落。<p> 标签支持以下属性:
◦align:指定段落内文本的对齐方式;有效值为 left、right、justify 和 center。
◦class:指定可以用于设置样式的类名称
Span 标签 <span> 标签支持以下属性:
◦class:指定可以用于设置样式的类名称
文本格式标签 使用 <textformat> 标签可在文本字段中使用 TextFormat 类的段落格式设置属性的子集,其中包括行距、缩进、边距和 Tab 停靠位。您可以将 <textformat> 标签与内置 HTML 标签结合使用。
<textformat> 标签具有以下属性:
◦indent:指定从左边距到段落中第一个字符的缩进;对应于 TextFormat.indent。正数和负数均可以接受。
◦blockindent:指定应用到段落中的所有行的缩进。
◦leftmargin:指定段落的左边距(以磅为单位);对应于 TextFormat.leftMargin。
◦rightmargin:指定段落的右边距(以磅为单位);对应于 TextFormat.rightMargin。
◦leading:指定一行的上缘和上一行的下缘之间的行距(行高度),以像素为单位。
◦tabstops:指定段落中制表位位置的以逗号分隔的列表。
下划线标签
也就是说不支持<table>标签
Spark text组件的基础,例如RichText、RichEditableText、TextArea和 TextInput等组件,以及可以使用其中组件作为另一个
组件的部件的其它组件,例如ComboBox,ComboBox可以包含一个TextInput控件。 现在你可以对文本和文本流进行精细颗粒
的控制,并且能够利用你的UI实现若干真正令人惊奇的应用程序。 该框架非常广博。。。。
晕了,估计你到了这里看了这篇文章也是和我一样,是无尽的迷茫与无助,怎么办?还好我研究了下终于研究到了
下面就说说吧:textArea控件有个textFlow属性 就是这样咯,下面就写代了:
<s:TextArea id="txt" x="185" y="122" textFlow="{TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)}">
</s:TextArea>
如果你写在<fx:Script>就这样写吧:
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
这里的txt是textArea控件的实例名称,str就是一个关于htmlText的字符了;
好了下面就给个完整的代:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()">
<s:TextArea id="txt" x="157" y="118" />
<s:Button id="n" x="360" y="334" label="发送"/>
<s:TextInput id="input" x="167" y="332"/>
<fx:Script>
<![CDATA[
import flashx.textLayout.conversion.TextConverter;
[Bindable]
private var str:String;
private function init():void
{
n.addEventListener(MouseEvent.CLICK,doclick);
}
private function doclick(e:MouseEvent):void
{
str="<font color='#ff0000' size='25' face='宋体'>"+input.text+"</font>"
txt.textFlow=TextConverter.importToFlow(str, TextConverter.TEXT_FIELD_HTML_FORMAT)
}
]]>
</fx:Script>
</s:Application>
TEXT_FIELD_HTML_FORMAT:String - flashx.textLayout.conversion.TextConverter
HTML 格式。使用此常量,可用 HTML 格式从 TextFlow 导入或导出到 TextFlow。Text Layout Framework HTML 支持 flash.text 包中的 TextField 类所支持的标记和属性子集。
下表列出了对于导入和导出过程支持的 HTML 标记和属性(TextField 支持但 Text Layout Framework 不支持的标记和属性被专门描述为不支持):
标签 说明
锚标签 <a> 标签创建超文本链接并支持以下属性:
◦target:指定加载页面的目标窗口的名称。选项包括 _self、_blank、_parent 和 _top。_self 选项指定当前窗口中的当前帧,_blank 指定一个新窗口,_parent 指定当前帧的父级,而 _top 指定当前窗口中的顶级帧。
◦href:指定一个 URL。该 URL 可以是绝对路径,也可以是相对路径(相对于加载该页的 SWF 文件的位置)。http://www.adobe.com 示例表示对 URL 的绝对引用;/index.html 示例表示相对引用。绝对 URL 必须以 http:// 为前缀,否则 Flash 会将其视为相对 URL。注意:与 TextField 类不同,不支持 ActionScript link 事件。也不支持 a:link、a:hover 和 a:active 样式。
粗体标签 <b> 标签以粗体形式呈现文本。粗体必须可用于所使用的字体。
换行标签 <br> 标记将在文本中创建一个换行符。
字体标签 <font> 标签指定一种字体或一个字体列表来显示文本。字体标签支持以下属性:
◦color:只支持十六进制颜色 (#FFFFFF) 值。
◦face:指定要使用的字体的名称。如下例所示,您可以指定一个以逗号分隔的字体名称的列表,在这种情况下,Flash Player 选择第一个可用字体。如果本地计算机系统上未安装指定的字体,或 SWF 文件中未嵌入指定的字体,则 Flash Player 将选择替代字体。
◦size:指定字体的大小。您可以使用绝对像素大小(如 16 或 18),也可以使用相对磅值(如 +2 或 -4)。
◦letterspacing:指定应用到每个字符右侧的间距(手动字距微调),以像素为单位。
◦kerning:指定字距微调处于启用状态还是禁用状态。非零值表示启用字距微调,而零表示禁用字距微调。
图像标签 使用 <img> 标记,可将外部图像文件(JPEG、GIF、PNG)、SWF 文件和影片剪辑嵌入到文本中。
<img> 标签支持以下属性:
◦src:指定图像或 SWF 文件的 URL,或库中影片剪辑元件的链接标识符。此属性是必需的,所有其它属性都是可选的。外部文件(JPEG、GIF、PNG 和 SWF 文件)只有在完全下载之后才能显示。
◦width:所插入的图像、SWF 文件或影片剪辑的宽度(以像素为单位)。
◦height:所插入的图像、SWF 文件或影片剪辑的高度(以像素为单位)。
注意:与 TextField 类不同,不支持下列属性:align、hspace、vspace、id 和 checkPolicyFile。
斜体标签 <i> 标签以斜体形式显示标签中的文本。斜体必须可用于所使用的字体。
列表项标签 注意:与 TextField 类不同,不支持 List 项标签。
段落标签 <p> 标签创建一个新段落。<p> 标签支持以下属性:
◦align:指定段落内文本的对齐方式;有效值为 left、right、justify 和 center。
◦class:指定可以用于设置样式的类名称
Span 标签 <span> 标签支持以下属性:
◦class:指定可以用于设置样式的类名称
文本格式标签 使用 <textformat> 标签可在文本字段中使用 TextFormat 类的段落格式设置属性的子集,其中包括行距、缩进、边距和 Tab 停靠位。您可以将 <textformat> 标签与内置 HTML 标签结合使用。
<textformat> 标签具有以下属性:
◦indent:指定从左边距到段落中第一个字符的缩进;对应于 TextFormat.indent。正数和负数均可以接受。
◦blockindent:指定应用到段落中的所有行的缩进。
◦leftmargin:指定段落的左边距(以磅为单位);对应于 TextFormat.leftMargin。
◦rightmargin:指定段落的右边距(以磅为单位);对应于 TextFormat.rightMargin。
◦leading:指定一行的上缘和上一行的下缘之间的行距(行高度),以像素为单位。
◦tabstops:指定段落中制表位位置的以逗号分隔的列表。
下划线标签
也就是说不支持<table>标签
发表评论
-
flex 自定义多个命名空间以及标签名
2013-01-22 15:21 1276flex 自定义多个命名空 ... -
FLEX中使用AS动态创建DataGrid
2013-01-09 16:24 887FLEX中使用AS动态创建DataGrid 2010年2月6日 ... -
flex与flash之间相互调用
2012-12-12 12:39 613http://www.cnblogs.com/kaixuan/ ... -
Flex与Flex创建的swf通信
2012-12-12 10:16 709加载子SWF的Flex程序代码 <?xml vers ... -
[AS3]加载视频(FLV)文件
2012-12-06 15:11 848[AS3]加载视频(FLV)文件 分类: FLEX/CS3-- ... -
通过FileReference打开本地图片崩溃的解决方法
2012-12-06 14:02 706通过FileReference打开本地图片崩溃的解决方法 最近 ... -
使用FileReference的load()方法加载本地图片
2012-12-06 13:56 9011、要想使用FileReference的load()方法和da ... -
[AS3]Bitmap序列化(将BitmapData保存为原生Binary/ByteArray)
2012-12-06 13:48 750[AS3]Bitmap序列化(将BitmapData保存为原生 ... -
as3 画五角星算法
2012-12-05 16:49 2601as3 画五角星算法 阅读:10次 时间:2012-03- ... -
flex嵌入完整html
2012-11-29 11:18 803有时候我们需要在Flex应用中嵌入HTML代码,根据嵌入HTM ... -
Tooltip应用
2012-11-29 11:11 707创建ToolTip: var errorToolTip:To ... -
数据绑定显示问题
2012-10-27 12:11 640数据绑定实时变化。 XMLListCollection 可以变 ... -
待解决问题
2012-09-18 23:48 6971.仪表盘 2.渐变填充的使用 3.发光效果的完美运用 能在一 ... -
as3加载外部图片的两种方式
2012-09-09 11:46 991package net.burchin.loading { ... -
公式as3
2012-09-06 18:13 0as3 1人收藏此文章, 我要收藏 发表于1年前(2011-0 ... -
Flex中多线程的实现
2012-09-06 10:49 3472破阵子_如是我闻 如是我闻。一时佛在舍卫国,祗树给孤独园.. ... -
自定义column renderer
2012-08-09 15:07 905<?xml version="1.0" ... -
drowshadowFilter
2012-08-09 15:05 651DropShadowFilter 类,在Flash中为各种对象 ... -
123123
2012-08-08 17:16 0http://www.oschina.net/code/sni ... -
flex 画面快照截图与显示
2012-08-08 11:32 1041一、对指定画面进行快 ...
相关推荐
解决Flex在非主应用程序中,textarea和input不能输入中文的 方法。
自已写了一个可根据内容 自动调整高度的TEXTAREA ,
js 特效 html 特效 textarea是否自动换行
textarea 元素 textarea 元素 01 textarea 元素 textarea 元素 <textarea cols="每行中的字符数" rows="显示的行数"> 文本内容 </textarea> 描述 <textarea> 标记定义多行的文本输入控件。有两个比较重要的属性cols...
使用HTML开发商业网站 表单控件-textarea控件 表单控件 表示多行文本框控件,其基本语法格式如下: ...可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不同浏览器效果是不一样的,不过更好的办法是使用 CSS
vue结合html实时截取textarea文本,获取鼠标下标,截取自定义文本,不错的demo
该插件完整兼容placeholder属性。插件由原生JS编写,无需任何其他插件支持,并且使用简单,只需一行JS调用即可。 博客地址:http://blog.csdn.net/qq_17076445/article/details/78212240
textarea 随内容高度固定,自动增宽;宽度固定,自动增高; 以及 wrap 的几种属性简介。
css textarea textarea 样式
MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、TextInput TileList、Tree、VSlider VideoDisplay 7、容器控件(可包含控件及容器控件) Canvas、ControlBar、Form...
NULL 博文链接:https://jinqikai.iteye.com/blog/1112747
textarea默认不支持maxlength属性。所以通过jquery实现下。具体的看代码。
标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<...
fle中textarea控件中html文本显示与转换
无滚动条Textarea自动适用高度.html Textarea
Textarea Fullscreen是一个jquery插件大小只有5K,可以将textarea设置为全屏模式,
js实现textArea滚动条样式,兼容多种浏览器
最近开发的时候做了textarea 高亮关键字,尝试过很多方法,比如用iframe,和编辑器替换,当然这也是一个方法,但是原来是用textbox的内容要达到兼容这两种方法是做不到的,所以这里是使用jquery插件和jquery核心文件搞的...
autoHeightTextarea自适应高度的textarea是一款jquery插件,支持链式调用,支持设置最小行数、最小高度、最大行数和最大高度,在输入文字的时候实现textarea的高度自适应