extjs 表单设置html5,ExtJS4.2学习(19)在线编辑器Ext.form.HtmlEditor

不知道大家发觉这样的问题没,以前写Extjs3.X的时候,Eclipse在复制粘贴写代码的时候一点不卡,在4.2的时候,用eclipse写就会经常卡死的现象。下午研究了一下午,我可不想在写代码的时候一直被卡死,我就找到了新的IDE工具intellij idea (关于此工具的介绍可以看我这篇文章http://www.shuyangyang.com.cn/jishuliangongfang/Javabiancheng/2013-12-04/186.html),

下载好了之后发现使用起来好处多多,写Extjs4.2不卡了,腰不酸了,腿也不疼了,呵呵。。。最主要还有提示。

6d1ebbee643a57a128bfa0357a1c5d17.jpg

回归主题,今天看下在线编辑器控件,控件的属性如下:

Ext.form.field.HtmlEditor主要配置项配置项类型说明

createLinkTextString创建连接提示框中默认提示信息

defaultLinkValueString创建连接的默认值,默认为http://

defaultValueString编辑器默认值

enableAlignmentsBoolean是否启用左中右对齐按钮,默认为true

enableColorsBoolean是否启用前景色、背景色选择按钮,默认为true

enableFontBoolean是否启用选择字体按钮,默认为true

enableFontSizeBoolean是否启用增大缩小字体按钮,默认为true

enableFormatBoolean是否启用粗体、斜体、下划线按钮,默认为true

enableLinksBoolean是否启用创建连接按钮,默认为true

enableListsBoolean是否启用列表按钮,默认为true

enableSourceEditBoolean是否启用源代码编辑按钮,默认为true

fontFamiliesArray字体数组

buttonsTipsObject编辑器工具栏中按钮的提示信息配置对象组合,用来自定义工具栏提示消息

看下效果图:

326f18a5811dfd6141245b212927aed2.jpg

主要代码如下:

Hello Extjs4.2

Ext.onReady(function(){

var htmlEditor = new Ext.form.HtmlEditor({

fieldLabel:'在线编辑器',

labelSeparator: ":",

createLinkText: "创建超链接",

defaultLinkValue: "http://",

enableAlignments: true,

enableColors: true,

enableFont: true,

enableFontSize: true,

enableFormat: true,

enableLinks: true,

enableLists: true,

enableSourceEdit: true,

fontFamilies: ["宋体", "隶书", "黑体"]

});

var form = new Ext.form.FormPanel({

title: '表单输入控件演示',

width:500,

frame: true,

items: [htmlEditor],

renderTo: 'form'

});

});

我的ExtJS4.2学习之路


作者:束洋洋

开始日期:2013年12月24日 21:39:47

深入浅出ExtJS之在线编辑器Ext.form.HtmlEditor

连载中,请大家继续关注!本文出自我的个人网站思考者日记网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值