ExtJS4.2学习(19)在线编辑器Ext.form.HtmlEditor（转）

鸣谢：http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-24/191.html

--------------------------------------------------------------------------------------------

不知道大家发觉这样的问题没，以前写Extjs3.X的时候，Eclipse在复制粘贴写代码的时候一点不卡，在4.2的时候，用eclipse写就会经常卡死的现象。下午研究了一下午，我可不想在写代码的时候一直被卡死，我就找到了新的IDE工具intellij idea (关于此工具的介绍可以看我这篇文章http://www.shuyangyang.com.cn/jishuliangongfang/Javabiancheng/2013-12-04/186.html)，下载好了之后发现使用起来好处多多，写Extjs4.2不卡了，腰不酸了，腿也不疼了，呵呵。。。最主要还有提示。

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

 

代码如下：

/**
 * 此js演示了Extjs表单中文本输入控件(Ext.form.TextField)、
 * 多行文本输入控件（Ext.form.TextArea）和日期输入控件(Ext.form.DateField)的效验
 */
Ext.onReady(function(){  
    // HtmlEditor需要这个  
    Ext.QuickTips.init();  
    
    var htmlEditor = new Ext.form.HtmlEditor({  
        fieldLabel:'在线编辑器',  //域标签。它被附加了labelSeparator， 其位置和大小被labelAlign、 labelWidth和labelPad配置确认。
        labelSeparator: "：",  //插入到fieldLabel后面的字符。
        createLinkText: "创建超链接", //默认的创建链接提示框的提示文本。 
        defaultLinkValue: "http://",//默认的创建链接输入框的值。   
        enableAlignments: true,// 启用左对齐、中间对齐、右对齐按钮 
        enableColors: true,  //启用回退/高亮颜色按钮
        enableFont: true, //启用选择字体按钮。 
        enableFontSize: true, //启用增加/减小字号的按钮 
        enableFormat: true, // 启用黑体、斜体、下划线按钮
        enableLinks: true, // 启用链接创建按钮。
        enableLists: true,//启用bullet和有限数量的按钮列表。  
        enableSourceEdit: true, //启用切换到源编辑按钮。 
        fontFamilies: ["宋体", "隶书", "黑体"]//可用的字体数组。  
    });  
    var form = new Ext.form.FormPanel({  
        title: '表单输入控件演示',  
        width:500,  
        frame: true,  
        items: [htmlEditor],  
        renderTo: 'form'  
    });  
});