ext-2.3.0+CKEditor3.0.1+ckfinder_asp_1.4配置详解及工程源码资源-CSDN文库

共2000个文件

js：1048个

gif：842个

html：539个

CKEditor

ckfinder

asp

4星 · 超过85%的资源需积分: 15 47 浏览量 2009-12-12 20:29:08 上传评论 2 收藏 9.74MB RAR 举报

ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解一、去http://cksource.com/下载这两个东西二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4，取出解压后的文件夹，真接放到站点根目录，目录结构为： WEBROOT ｜--ckeditor ｜--finder ｜--ext-2.3.0 ｜--js ｜--css 修改ckeditor目录下的config.js如下： CKEDITOR.editorConfig = function( config ) { config.language = 'zh-cn'; //配置语言 config.uiColor = 'DFE8F6'; config.skin = 'office2003'; config.height = 320; config.width = '100%'; config.font_names = '宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;'+ config.font_names ; config.filebrowserUploadUrl = 'ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Files'; config.filebrowserImageUploadUrl = 'ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Images'; config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/asp/connector.asp?command=QuickUpload&type=Flash'; config.filebrowserWindowWidth = '1000'; config.filebrowserWindowHeight = '700' }; 在js目录中加入ExtCkeditor.js： /**************************************************** * CKEditor Extension *****************************************************/ Ext.form.CKEditor = function(config){ this.config = config; Ext.form.CKEditor.superclass.constructor.call(this, config); }; Ext.extend(Ext.form.CKEditor, Ext.form.TextArea, { onRender : function(ct, position){ if(!this.el){ this.defaultAutoCreate = { tag: "textarea", autocomplete: "off" }; } Ext.form.TextArea.superclass.onRender.call(this, ct, position); CKEDITOR.replace(this.id, this.config.CKConfig); }, setValue : function(value){ Ext.form.TextArea.superclass.setValue.apply(this,[value]); CKEDITOR.instances[this.id].setData( value ); }, getValue : function(){ CKEDITOR.instances[this.id].updateElement(); return Ext.form.TextArea.superclass.getValue(this); }, getRawValue : function(){ CKEDITOR.instances[this.id].updateElement(); return Ext.form.TextArea.superclass.getRawValue(this); } }); Ext.reg('ckeditor', Ext.form.CKEditor); 在WEBROOT目录中加入demo3.html: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Sample - CKEditor</title> <meta content="text/html; charset=utf-8" http-equiv="content-type"/> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script src="js/sample.js" type="text/javascript"></script> <link href="css/sample.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" type="text/css" href="ext-2.3.0/resources/css/ext-all.css"/>  <script type="text/javascript" src="ext-2.3.0/adapter/ext/ext-base.js"></script>  <script type="text/javascript" src="ext-2.3.0/ext-all.js"></script> <script type="text/javascript" src="js/ExtCkeditor.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.QuickTips.init(); // turn on validation errors beside the field globally //Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); /* * ================ Form 5 ======================= */ bd.createChild({tag: 'h2', html: 'Form 5 - ... and forms can contain TabPanel(s)'}); var tab2 = new Ext.FormPanel({ labelAlign: 'top', title: 'Inner Tabs', bodyStyle:'padding:5px', width: 1000, items: [{ layout:'column', border:false, items:[{ columnWidth:.5, layout: 'form', border:false, items: [{ xtype:'textfield', fieldLabel: 'First Name', name: 'first', anchor:'95%' }, { xtype:'textfield', fieldLabel: 'Company', name: 'company', anchor:'95%' }] },{ columnWidth:.5, layout: 'form', border:false, items: [{ xtype:'textfield', fieldLabel: 'Last Name', name: 'last', anchor:'95%' },{ xtype:'textfield', fieldLabel: 'Email', name: 'email', vtype:'email', anchor:'95%' }] }] },{ xtype:'tabpanel', plain:true, activeTab: 0, height:350, //defaults:{bodyStyle:'padding:10px'}, items:[{ title : 'editor_office2003', layout : 'fit', items : { xtype : 'ckeditor', fieldLabel : 'Editor', name : 'htmlcode', CKConfig : { /* Enter your CKEditor config paramaters here or define a custom CKEditor config file. */ customConfig : 'ckeditor/config.js' // This allows you to define the path to a custom CKEditor config file. } } },{ title:'Personal Details', layout:'form', defaults: {width: 230}, defaultType: 'textfield', items: [{ fieldLabel: 'First Name', name: 'first', allowBlank:false, value: 'Jack' },{ fieldLabel: 'Last Name', name: 'last', value: 'Slocum' },{ fieldLabel: 'Company', name: 'company', value: 'Ext JS' }, { fieldLabel: 'Email', name: 'email', vtype:'email' }] },{ title:'Phone Numbers', layout:'form', defaults: {width: 230}, defaultType: 'textfield', items: [{ fieldLabel: 'Home', name: 'home', value: '(888) 555-1212' },{ fieldLabel: 'Business', name: 'business' },{ fieldLabel: 'Mobile', name: 'mobile' },{ fieldLabel: 'Fax', name: 'fax' }] },{ cls:'x-plain', title:'Biography', layout:'fit', items: { xtype:'htmleditor', id:'bio2', fieldLabel:'Biography' } } ] } ], buttons : [ { text : 'Save' }, { text : 'Cancel' } ] }); tab2.render(document.body); }); </script> </head> <body> </body> </html> 需要修改和调整的地方：一、提示如下问题 After installed CKFinder 1.4, I always get following error while trying to upload a file "The file browser is disabled for security reasons. Please contact your system administrator and check the CKFinder configuration file." Or in Chinese "因为安全原因，文件不可浏览. 请联系系统管理员并检查CKFinder配置文件." 解决办法： 1. There is no write access for the default upload folder $baseUrl = '/userfiles/'; in ckfinder/config.php. 对于目标文件夹$baseUrl = '/userfiles/';没有写入权限 2. This is maybe because the Return value of Funcation CheckAuthentication() is always FALSE by default in ckfinder/config.php. Change the Validation Condition according to your condition, not recommend to set the return value to true directly. 因为出于安全考虑ckfinder/config.php文件中的CheckAuthentication()函数默认返回值是false, 需要手动修改验证条件, 不建议直接返回true 二、CKfinder的破解在ckfinder\core\js下的ckfinder_gecko.js和ckfinder_ie.js中查找“en.call(window,qo);”（注找引号内的内容），只能找到一处，屏蔽掉！参考（http://blog.csdn.net/bruceluo92/archive/2009/10/23/4720675.aspx）三、注意修改一个路径，如果你将WEBROOT设为站点根目录，到这里就结束了，但如果你将站点设为虚拟目录，那么就要修改ckfinder中的 baseUrl = "/ckfinder/userfiles/" 这里使用的是绝对路径，我的办法是加上WEBROOT,即改为 baseUrl = "/WEBROOT/ckfinder/userfiles/" 你也可以想想使用相对路径的办法，但要设准确，否则会出错。

资源推荐

资源详情

资源评论

收起资源包目录

ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码（2000个子文件）

feed-proxy.ashx 93B

Image.asp 22KB

FileSystem.asp 12KB

config.asp 11KB

Config.asp 11KB

Netrube_upload.asp 10KB

ResourceTypeConfig.asp 8KB

FileUpload.asp 7KB

AccessControlConfig.asp 7KB

ckfinder.asp 7KB

sha1.asp 6KB

FolderHandler.asp 5KB

init.asp 4KB

RenameFolder.asp 4KB

RenameFile.asp 4KB

ThumbnailsConfig.asp 4KB

GetFiles.asp 4KB

Xml.asp 4KB

QuickUpload.asp 4KB

Thumbnail.asp 4KB

commandHandlerBase.asp 3KB

DeleteFile.asp 3KB

CreateFolder.asp 3KB

FileUpload.asp 3KB

Connector.asp 3KB

GetFolders.asp 3KB

Factory.asp 3KB

DownloadFile.asp 3KB

ImagesConfig.asp 3KB

DeleteFolder.asp 3KB

http.asp 3KB

connector.asp 3KB

standalone.asp 3KB

Translator.asp 2KB

xmlNode.asp 2KB

XmlCommandHandlerBase.asp 2KB

Base.asp 2KB

errors.asp 2KB

fckeditor.asp 2KB

QuickUpload.asp 1KB

RegExp.asp 1KB

Time.asp 1KB

popups.asp 1KB

popup.asp 1KB

ckeditor.asp 1KB

loopback.aspx 37KB

UploadServlet.class 3KB

Progresses.class 2KB

UploadFileProgressListener.class 802B

ClearMapThread.class 746B

.classpath 908B

web.config 677B

org.eclipse.wst.jsdt.ui.superType.container 49B

ext-all.css 94KB

editor.css 29KB

editor.css 26KB

editor.css 25KB

xtheme-slate.css 21KB

dialog.css 16KB

desktop.css 14KB

dialog.css 13KB

grid.css 13KB

dialog.css 12KB

form.css 12KB

dialog.css 10KB

toolbar.css 10KB

extjs.css 10KB

dialog.css 10KB

xtheme-gray.css 9KB

toolbar.css 9KB

toolbar.css 8KB

panel.css 8KB

fck_editor.css 8KB

tabs.css 8KB

fck_editor.css 7KB

richcombo.css 7KB

main.css 7KB

tree.css 6KB

richcombo.css 6KB

style.css 6KB

richcombo.css 6KB

docs.css 6KB

icons.css 6KB

date-picker.css 6KB

core.css 6KB

icons.css 5KB

layout.css 5KB

feed-viewer.css 5KB

toolbar.css 5KB

window.css 4KB

ckfinder.css 4KB

menu.css 4KB

button.css 4KB

layout-browser.css 3KB

panel.css 3KB

共 2000 条

<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.grid.PropertyGrid-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.grid.PropertyGrid-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.grid.PropertyGrid-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.grid.PropertyGrid-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.grid.PropertyGrid"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <div class="inheritance res-block"> <pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Container" ext:member="" href="output/Ext.Container.html">Container</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Panel" ext:member="" href="output/Ext.Panel.html">Panel</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.grid.GridPanel" ext:member="" href="output/Ext.grid.GridPanel.html">GridPanel</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.grid.EditorGridPanel" ext:member="" href="output/Ext.grid.EditorGridPanel.html">EditorGridPanel</a> <img src="resources/elbow-end.gif"/>PropertyGrid</pre></div> <h1>Class Ext.grid.PropertyGrid</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext.grid</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">PropertyGrid.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">PropertyGrid</td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.grid.EditorGridPanel" ext:member="" href="output/Ext.grid.EditorGridPanel.html">EditorGridPanel</a></td></tr> </table> <div class="description"> A specialized grid implementation intended to mimic the traditional property grid as typically seen in development IDEs. Each row in the grid represents a property of some object, and the data is stored as a set of name/value pairs in <a ext:cls="Ext.grid.PropertyRecord" href="output/Ext.grid.PropertyRecord.html">Ext.grid.PropertyRecord</a>s. Example usage: <pre><code> var grid = new Ext.grid.PropertyGrid({ title: 'Properties Grid', autoHeight: true, width: 300, renderTo: 'grid-ct', source: { "(name)": "My Object", "Created": new Date(Date.parse('10/15/2006')), "Available": false, "Version": .01, "Description": "A test object" } });</pre></code> </div> <div class="hr"></div> <a id="Ext.grid.PropertyGrid-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.grid.PropertyGrid-activeItem"></a> <b>activeItem</b> : String/Number <div class="mdesc"> <div class="short">A string component id or the numeric index of the component that should be initially activated within the container's...</div> <div class="long"> A string component id or the numeric index of the component that should be initially activated within the container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first item in the container's collection). activeItem only applies to layout styles that can display items one at a time (like <a ext:cls="Ext.layout.Accordion" href="output/Ext.layout.Accordion.html">Ext.layout.Accordion</a>, <a ext:cls="Ext.layout.CardLayout" href="output/Ext.layout.CardLayout.html">Ext.layout.CardLayout</a> and <a ext:cls="Ext.layout.FitLayout" href="output/Ext.layout.FitLayout.html">Ext.layout.FitLayout</a>). Related to <a ext:cls="Ext.layout.ContainerLayout" ext:member="activeItem" href="output/Ext.layout.ContainerLayout.html#activeItem">Ext.layout.ContainerLayout.activeItem</a>. </div> </div> </td> <td class="msource"><a ext:cls="Ext.Container" ext:member="#activeItem" href="output/Ext.Container.html#activeItem">Container</a></td> </tr> <tr class="config-row inherited alt"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.grid.PropertyGrid-allowDomMove"></a> <b>allowDomMove</b> : Boolean <div class="mdesc"> Whether the component can move the Dom node when rendering (defaults to true). </div> </td> <td class="msource"><a ext:cls="Ext.Component" ext:member="#allowDomMove" href="output/Ext.Component.html#allowDomMove">Component</a></td> </tr> <tr class="config-row inherited expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.grid.PropertyGrid-animCollapse"></a> <b>animCollapse</b> : Boolean <div class="mdesc"> <div class="short">True to animate the transition when the panel is collapsed, false to skip the animation (defaults to true if the Ext....</div> <div class="long"> True to animate the transition when the panel is collapsed, false to skip the animation (defaults to true if the <a ext:cls="Ext.Fx" href="output/Ext.Fx.html">Ext.Fx</a> class is available, otherwise false). </div> </div> </td> <td class="msource"><a ext:cls="Ext.Panel" ext:member="#animCollapse" href="output/Ext.Panel.html#animCollapse">Panel</a></td> </tr> <tr class="config-row inherited alt expandable"> <td class="micon"><a class="exi" href="#expand"> </a></td> <td class="sig"> <a id="Ext.grid.PropertyGrid-applyTo"></a> <b>applyTo</b> : Mixed <div class="mdesc"> <div class="short">The id of the element, a DOM element or an existing Element corresponding to a DIV that is already present in the doc...</div> <div class="long"> The id of the element, a DOM element or an existing Element corresponding to a DIV that is already present in the document that specifies some structural markup for this component. When applyTo is used, constituent parts of the component can also be specified by id or CSS class name within the main element, and the component being created may attempt to create its subcomponents from that markup if applicable. Using this config, a call to render() is not required. If applyTo is specified, any value passed for <a ext:cls="Ext.Component" ext:member="renderTo" href="output/Ext.Component.html#renderTo">renderTo</a> will be ignored and the target element's parent node will automatically be used as the component's container.

评论收藏

内容反馈