Ext.form.field.HtmlEditor编辑器字段
2012-04-22 19:32
423 查看
1、Ext.form.field.HtmlEditor主要配置项
2、Ext.form.field.HtmlEditor示例
代码:
效果图:
配置项 | 类型 | 说明 |
---|---|---|
createLinkText | String | 创建连接提示框中默认提示信息 |
defaultLinkValue | String | 创建连接的默认值,默认为http:// |
defaultValue | String | 编辑器默认值 |
enableAlignments | Boolean | 是否启用左中右对齐按钮,默认为true |
enableColors | Boolean | 是否启用前景色、背景色选择按钮,默认为true |
enableFont | Boolean | 是否启用选择字体按钮,默认为true |
enableFontSize | Boolean | 是否启用增大缩小字体按钮,默认为true |
enableFormat | Boolean | 是否启用粗体、斜体、下划线按钮,默认为true |
enableLinks | Boolean | 是否启用创建连接按钮,默认为true |
enableLists | Boolean | 是否启用列表按钮,默认为true |
enableSourceEdit | Boolean | 是否启用源代码编辑按钮,默认为true |
fontFamilies | Array | 字体数组 |
buttonsTips | Object | 编辑器工具栏中按钮的提示信息配置对象组合,用来自定义工具栏提示消息 |
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Ext.form.field.HtmlEditor示例</title> <link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script> <script type="text/javascript"> Ext.onReady(function () { Ext.QuickTips.init(); Ext.create("Ext.form.Panel", { title: "Ext.form.field.HtmlEditor示例", width: 600, frame: true, renderTo: Ext.getBody(), bodyPadding: 5, items: [{ fieldLabel: "HTML字段", xtype: "htmleditor", height: 150, width: 580, labelWidth: 70, labelSeparator: ":", createLinkText: "创建超链接", defaultLinkValue: "http://", enableAlignments: true, enableColors: true, enableFont: true, enableFontSize: true, enableFormat: true, enableLinks: true, enableLists: true, enableSourceEdit: true, fontFamilies: ["宋体", "隶书", "黑体"] }] }); }); </script> </head> <body> </body> </html>
效果图:
![](http://pic002.cnblogs.com/images/2012/56886/2012042219305643.jpg)
相关文章推荐
- Ext.form.field.HtmlEditor编辑器字段
- 编辑器字段字段Ext.form.field.HtmlEditor
- ExtJS4.2学习(19)在线编辑器Ext.form.HtmlEditor
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- Ext.widgets-form(上)BasicForm/ Field/ Checkbox/ Radio/ HtmlEditor/ TextField
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- ExtJS4.2学习(19)在线编辑器Ext.form.HtmlEditor(转)
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- (18)ExtJS之Ext.form.filed.HtmlEditor编辑器
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- Ext.form.HtmlEditor 的 表情扩展
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- Ext_触发字段_Ext.form.TriggerField
- 学习EXTJS6(8)基本功能-表单的基础表字段Ext.form.field.Basic
- 重写Ext.form.HtmlEditor
- 隐藏字段Ext.form.field.Hidden
- (14)ExtJS之Ext.form.field.Trigger触发字段
- (15)ExtJS之Ext.form.field.Spinner微调字段