buildContentWin : function(grid, rowIndex, fieldName, fieldNameT) {
var win = new Ext.Window({
layout : 'form',
width : 1024,
title : '内容编辑',
height : 506,
autoScroll : true,
// closeAction : 'hide',
border : true,
modal : true,
plain : true,
closable : true,
resizable : false,
margin : '2 0 0 2'
});
var record = grid.getStore().getAt(rowIndex);
var data = record.get(fieldName)
var v = data;
var fckFormObj = new Ext.FormPanel({
frame : true,
items : [{
layout : 'form',
border : false,
items : [{
hideLabel : true,
xtype:"textarea",
id:"fckInstance", //div节点,这里要挂接FCKeditor编辑器
name:"fckInstance",
value:v != null ? v:'',
height:500
}]
}],
buttons:[{
text:"确定" ,
handler: function(){
//获取fckeditor内容赋给textarea
var o = document.getElementById('fckInstance');
var str = EmployeeActivityExt.editor.getData() ;
var _record = grid.getStore().getAt(rowIndex);
_record.set(fieldName, str);
_record.set(fieldNameT, '.......');
win.close();
}
},{
text : '取消',
handler : function() {
win.close();
}
}]
});
win.add(fckFormObj);
win.show();
if(EmployeeActivityExt.isFirst){
if(CompanyNewsInfoExt.editor != null){
CKEDITOR.remove(CompanyNewsInfoExt.editor);
}
if(EmployeeActivityExt.editor != null){
CKEDITOR.remove(EmployeeActivityExt.editor);
}
EmployeeActivityExt.editor = CKEDITOR.replace('fckInstance',{filebrowserUploadUrl : 'ckeditor/uploader?Type=File',
filebrowserImageUploadUrl : 'ckeditor/uploader?Type=Image',
filebrowserFlashUploadUrl : 'ckeditor/uploader?Type=Flash'
});
EmployeeActivityExt.isFirst = false
}else{
CKEDITOR.remove(EmployeeActivityExt.editor);
EmployeeActivityExt.editor = CKEDITOR.replace('fckInstance',{filebrowserUploadUrl : 'ckeditor/uploader?Type=File',
filebrowserImageUploadUrl : 'ckeditor/uploader?Type=Image',
filebrowserFlashUploadUrl : 'ckeditor/uploader?Type=Flash'
});
}
}
分享到:
相关推荐
extjs 嵌入 ckeditor 例子
extjs中嵌入ckeditor的完整实例,同时有ckeditor的配置说明
最新的ckeditor 富文本-FCKEditor控件,最新的ckeditor 富文本-FCKEditor控件,属于第三方控件,功能齐全,完善,大部分的ASP.NET开发的网站都需要富文本控件,欢迎大家交流心得~
封装CKEditor用于ExtJs4的关键代码,我自己试用可以成功,希望对大家有帮助
ExtJS 4.x + CKEditor 这是一个简单的页面,它使用了 ExtJS 中使用的的包装器。如何使用(非MVC) 请参阅包含的示例 index.html 文件。如何使用 (MVC) 通过本地下载的副本或通过 CKEditor CDN 包含 CKEditor。 将 js...
UNIGUI ckeditor组件,把著名的ckeditor & ckfinder集成到ExtJS的Delphi下的UNIGUI框架。
ckeditor.rar
ckeditor 富文本控件代码以及使用说明
ckeditor 3 自定义控件,集成ckfinder1.41 具体代码看文本
一款丰富的文本编辑控件 可以实现文本编辑,图片上传等多种功能
ckeditor_4.x 基于4.x版的自定义按钮控件 可自定义图片按钮、文本按钮 - 详细配置
CKeditor控件 .net版 源码及使用示例,有源码,和使用实例
rar包内包括ckeditor、ckfinder、和自己写的中文使用说明,按照这个说明,至少能运行起来
extjs与ckeditor 整合 将资源文件复制到工程的WEBROOT目录下或者自己在WEBROOT下自己建一个文件夹存放资源文件 比如我们把资源文件放在webroot/scripts/lib/ckeditor文件夹下 在项目的入口页面引入以下3个js文件
ext CKEditor 在线HTML教程编辑器 在线编辑器源码 在线代码编辑器源码
该事例主要演示了如何向jsp中嵌入ckeditor编辑器。注意首先要引入ckeditor资源库。上网就可以下载。下载下来之后将其放到webRoot目录下就可以了。
ASP.NET MVC4/5最新的版本的CKEditor4.47和CKFinder图片上传控件集成。
把ckeditor 3.4的ckeditor.js复盖就行
由于本人资源分很少,所以设置1分,没分的同学可以访问我的博客...不过目前还没找到 .net直接调用的dll所以自己写了一个控件和大家分享下.集成ckfinder,本次解决了UpdatePanel 下不能使用ckeditor的问题,特来和大家分享。
ckeditor_net_3.5.2.zip ckeditor 在线编辑器 在线编辑器.NET控件 C#