`

[转]ExtJs里使用FckEditor

 
阅读更多

原贴见:

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

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

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->

Ext.onReady(function(){
varfckFormObj=newExt.FormPanel({
labelWidth:
75,
url:
"",
title:
"EXT/FCKEditor集成--vb2005xu|cdlinux.ys168.com",
bodyStyle:
"padding:5px5px0",
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())
{
//创建响应测试函数
varfckobj_temp=FCKeditorAPI.GetInstance('fckInstance');
//fckobj_temp.UpdateLinkedField();//此方法被绑定到submit事件

fckFormObj.form.doAction(
'submit',{
url:
'submit.php',
method:
'post',
waitMsg:
'正在提交,请稍等',
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文件
varfckobj=newFCKeditor('fckInstance',810,350);
fckobj.BasePath
="/ucren/fckeditor/";
fckobj.ToolbarSet
='Default';
fckobj.ReplaceTextarea();

//创建响应测试函数
functionmsgBox()
{
varfckobj_temp=FCKeditorAPI.GetInstance('fckInstance');
fckobj_temp.UpdateLinkedField();
//此方法被绑定到submit事件
Ext.MessageBox.alert('FCK内容',fckobj_temp.GetXHTML(true));

}

functionshowInfo(tip,str){
varwin=newExt.Window({
title:
'信息提交应答提示--'+tip,
width:
400,height:200,autoScroll:true,
html:
'<h1>'+str+'</h1>'
});
win.show();
}
});

分享到:
评论

相关推荐

    FCKeditor结合extjs实例

    最近给公司做网站,采用滴sturt2 extjs fckeditor完成滴,由于是和一个同事一起完成滴所有我做了4个模块,但是技术基本都用了,

    extjs + fckeditor 的结合源码

    extjs + fckeditor 的结合源码 这个demo讲的是extjs + fckeditor 的结合 测试环境vs2008+xp+extjs2.2+fckeditor 2.x 大家运行Default.aspx就可以看到效果了

    extjs + fckeditor 的结合asp.net版

    本人agd第一次发demo比较粗糙...这个demo讲的是extjs + fckeditor 的结合 这个demo网上有 但是是java版的 今天我把它转换成asp.net版 测试环境vs2008+xp+extjs2.2+fckeditor 2.x 大家运行Default.aspx就可以看到效果了

    Extjs结合fckeditor+c#实现新闻发布

    网上下了个fckedtor在extjs中引用的例子,但是根本无法运行,经一番修改可以真正运行了,运行环境为vs2010

    EXTJS fckeditor 嵌入

    EXTJS fckeditor 嵌入 asp.net 测试通过,IE ,firefox都测试通过。有提取和设置值的方法。

    extjs fckeditor集成代码

    用extjs实现的集成fckeditor的代码。

    ssh+ExtJs制作企业信息管理平台

    myGrid跟myForm可以支持动态构建,myGrid支持很多操作功能,比如导入导出数据,右键,过滤,搜索,分页数选择等等,myForm支持 单列跟双列两种模式,支持下拉分页,fckeditor,文件上传等控件,具体大家可以根据...

    基于推技术的实时网页聊天室

    ajax长轮询实现的网页实时聊天室,用到了springMVC、extjs、fckeditor等。代码是自己写的,写的有点随心所欲,凑合看吧。如果感兴趣可以发私信,一起讨论。

    传智播客SCM手把手开发文档

    注:加*的包可使用MyEclipse自带的类库。 Web框架(跨浏览器) FckEditor 可视化编辑HTML XLoadTree 动态加载XML生成JavaScript树组件 jQuery AJAX框架-查询DOM对象,简洁,现成控件较少 ExtJS extjs.com 比较全面...

    EXT教程EXT用大量的实例演示Ext实例

    10.3. 在form中使用fckeditor A. 常见问题乱弹 A.1. ext到底是收费还是免费 A.2. 怎么查看ext2里的api文档 A.3. 如何在页面中引用ext A.3.1. 顺便说说常见的Ext is not defined错误 A.4. 想把弹出对话框单独拿...

    EXT2.0中文教程

    10.3. 在form中使用fckeditor A. 常见问题乱弹 A.1. ext到底是收费还是免费 A.2. 怎么查看ext2里的api文档 A.3. 如何在页面中引用ext A.3.1. 顺便说说常见的Ext is not defined错误 A.4. 想把弹出对话框单独拿出来...

    Feng Office 2.5

    Feng Office 2.5 更新日志: 错误修正:提交回车键通用搜索表单不会在谷歌Chrome浏览器工作 ...ExtJs、Reece Calendar、Swift Mailer、Open Flash Chart、Slimey、FCKEditor、JSSoundKit、PEAR。

    传智播客JAVA全套种子共20G

    《传智播客成都中心蔡世友JavaScript面向对象及ExtJS基础教程》2.79G 《2010传智播客struts2.1.8视频教程》1.09G 《EJB3.0视频教程》180M 《JDBC视频教程》664M 《jpa详解视频教程》165M 《spring2.5视频教程》365M ...

    传智播客精品就业班JAVA种子

    《传智播客成都中心蔡世友JavaScript面向对象及ExtJS基础教程》2.79G 《2010传智播客struts2.1.8视频教程》1.09G 《EJB3.0视频教程》180M 《JDBC视频教程》664M 《jpa详解视频教程》165M 《spring2.5视频教程》...

    Ext 开发指南 学习资料

    10.3. 在form中使用fckeditor 10.4. 健康快乐动起来,fx里的动画效果 10.5. 悄悄的更新网页内容 A. 常见问题乱弹 A.1. ext到底是收费还是免费 A.2. 怎么查看ext2里的api文档 A.3. 如何在页面中引用ext A.3.1. 顺便...

    ExtAspNet_v2.3.2_dll

    ExtAspNet - ExtJS based ASP.NET Controls with Full AJAX Support ExtAspNet是一组专业的Asp.net控件库,拥有原生的AJAX支持和丰富的UI效果, 目标是创建没有ViewState,没有JavaScript,没有CSS,没有...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -使用Hidden来显示隐藏ExtAspNet控件,而不是使用Visible属性(Visible目前设置为只读属性)。 -使用Hidden控制Window控件的显示隐藏,Popup已经标记为Obsolete属性。 -Window的实例方法GetCloseReference等以及...

Global site tag (gtag.js) - Google Analytics