[转]ExtJs里使用FckEditor

时间:2022-10-29 19:46:58
 

[转]ExtJs里使用FckEditor

原贴见:

http://ext.group.javaeye.com/group/post/37548

http://extjs.com/forum/showthread.php?t=17423

Ext.onReady(function() {   
 
var fckFormObj = new Ext.FormPanel({   
  labelWidth:
75,   
  url:
"",   
  title:
"EXT/FCKEditor 集成 -- vb2005xu | cdlinux.ys168.com",   
  bodyStyle:
"padding:5px 5px 0",   
  defaultType:
"form",   
  buttons:[   
   {   
    text:
"Save" ,   
    type:
'submit',   
    handler: 
function(){   
     
//获取fckeditor内容赋给textarea   
     Ext.get('fckInstance').dom.value = "jjj";//fckobj.GetXHTML(true) + '提交后';     
     Ext.MessageBox.alert('FCK内容',Ext.get('fckInstance').dom.value);   
     
if (fckFormObj.form.isValid())   
     {   
      
//创建响应测试函数         
      var fckobj_temp = FCKeditorAPI.GetInstance('fckInstance');   
      
//fckobj_temp.UpdateLinkedField();//此方法被绑定到submit事件   
         
      fckFormObj.form.doAction(
'submit',{   
       url:
'submit.php',   
       method:
'post',   
       waitMsg:
'正在提交,请稍等[转]ExtJs里使用FckEditor',   
        success:
function(form,action){//成功   
         showInfo('Success',fckobj_temp.GetXHTML(true));   
        } ,   
        failure:
function(form,action){//失败   
         showInfo('Failed','网络中断造成连接失败');   
        }   
      });   
     }   
    }   
   },   
   {   
    text:
"Cancel"  
   }   
  ],   
  items:[{   
      xtype:
"textarea",   
      fieldLabel:
"编辑",   
      labelSeparator:
"",   
      id:
"fckInstance"//div节点,这里要挂接FCKeditor编辑器   
      name:"fckInstance",   
      width:
736,   
      height:
371  
  }]   
 });   
 fckFormObj.render(document.body);   
    
 
/*创建Fckeditor对象 -- 构造函数指出了Fckeditor要挂接的id,上文中的xtype : 'textarea'指定*/  
 
//在页面上要求挂载fckeditor/fckeditor.js文件   
 var fckobj = new FCKeditor('fckInstance',810,350);   
 fckobj.BasePath 
= "/ucren/fckeditor/" ;   
 fckobj.ToolbarSet 
= 'Default' ;   
 fckobj.ReplaceTextarea();    
    
 
//创建响应测试函数   
 function msgBox()   
 {   
  
var fckobj_temp = FCKeditorAPI.GetInstance('fckInstance');   
  fckobj_temp.UpdateLinkedField();
//此方法被绑定到submit事件   
  Ext.MessageBox.alert('FCK内容',fckobj_temp.GetXHTML( true ));   
     
 }   
    
 
function showInfo(tip,str){   
  
var win = new Ext.Window({   
   title: 
'信息提交应答提示 -- ' + tip,   
   width: 
400 , height: 200 ,autoScroll: true ,   
   html: 
'<h1>'+ str +'</h1>'       
  });   
  win.show();   
 }   
});