25、Ext JS 功能全解析：从数据处理到桌面应用开发

Ext JS 功能全解析：从数据处理到桌面应用开发

1. Ext JS 的 HtmlEditor

Ext JS 提供了一个简洁的所见即所得（WYSIWYG）HtmlEditor，可直接集成到表单中。以下是一个简单示例：

Ext.onReady(function(){
  var formPanel = new Ext.form.FormPanel({
    title:'HtmlEditor Example',
    applyTo:'chap14_ex03',
    layout:'form',
    labelAlign:'top',
    width:600,
    autoHeight:true,
    frame:true,
    items:[{
      xtype:'htmleditor',
      id:'bio',
      fieldLabel:'Blog Entry',
      height:200,
      anchor:'98%'
    }]
  });
});

这个示例将 HtmlEditor 集成到了表单布局中。它与其他 WYSIWYG 编辑器（如 FCKEditor 或 TinyMCE）类似，应用于基本文本区域。我们可以启用或禁用与格式设置相关的各种菜单按钮，调用各种方法（如获取或设置编辑器的文本、位置等），还能应用事件监听器，就像 Ext JS 的其他组件一样。同时，它具有一致的 Ext JS 外观和感觉，让用户能直接在应用程序中格式化自己的内容。

2. 数据格式化

在实际开发中，