ckfinder(ckfinder3 api)

http://www.itjxue.com  2023-03-07 07:09  来源:未知  点击次数: 

请问使用CKEditor+CKFinder时怎么取得CKFinder回传的图片路径 这个问题你是怎么解决的啊?谢谢

我写的博客文章,正好和你不谋而合,我是直接将路径提交到一个指定的input,并触发该input的chang事件,希望对你有所帮助:

(function(){

var oCKeditor = CKEDITOR.replace( 'Content', {

customConfig : "/editor/ckeditor/myconfig.js",

toolbar : 'Default'

});

oCKeditor.config.Savepathfilename = "upFiles" ;

oCKeditor.on( 'instanceReady', function( event )

{

var editor = event.editor;

setTimeout( function()

{

// Delay bit more if editor is still not ready.

if ( !editor.element )

{

setTimeout( arguments.callee, 100 );

return;

}

event.removeListener( 'instanceReady', this.callee );

if ( editor.name == 'Content' )

{

var bFilebrowserFn = editor._.filebrowserFn;

var setUploadFileck=function(a,b){

var b=parent.document.getElementById(editor.config.Savepathfilename);

if(b !!a)

if(b.value.indexOf(a)==-1){

if(b.value!=='')b.value=b.value+'|'+a;

else b.value=a;

if(b.onchange)b.onchange();

}

CKEDITOR.tools.callFunction(bFilebrowserFn, a, b);

};

editor._.filebrowserFn = CKEDITOR.tools.addFunction( setUploadFileck, editor );

}

}, 0 );

}, null, null, 9999);

CKFinder.setupCKEditor( oCKeditor, '../editor/ckfinder/' ) ;

})();

ckeditor 使用方法

cheditor与ckfinder的集成使用

1,将ckeditor解压打开,打开_Samples,将ckeditor文件夹拷贝项目中的根目录下,把bin放在根目录下

2,将ckfinder解压,ckfinder文件夹拷贝项目中的根目录下,把bin放在根目录下,把_sample,_source,help文件夹删除掉,(注:没有用)

3,在ckeditor文件下找到config.js 打开,找到

在CKEDITOR.editorCongig=function(config)

{

//填写以下内容,图片,flash路径

config.uiColor = '#F7F8F9'

config.scayt_autoStartup = false

config.language = 'zh-cn'; //中文

config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';

config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';

config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';

config.filebrowserUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Files';

config.filebrowserImageUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Images';

config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/aspx/connector.aspx?command=QuickUploadtype=Flash';

};

4,在ckfinder文件下找到config.ascx文件,打开

1)把public overrider bool ChekcAuthentication(){return false;改为:return true;}

2)public overrider void SetConfig(){BaseUrl = "~/ckfinder/userfiles/";}

5,在页面中head标签内写入:

script type="text/javascript" src="ckeditor/ckeditor.js" /script

script type="text/javascript" src="ckfinder/ckfinder.js"/script

如果有母版页,在母版页中写

--注:单纯的配置,6,7可以不要,但是一旦要入数据库中,就要配置6.7步骤

6,在Default.aspx页面中,写入%@Page ValidateRequest="false"%

7,在web.config文件中,在system.web下写 httpRuntime requestValidationMode="2.0"/

8,在Default.aspx页面中添加asp:TextBox ID="txtcontent" runat="server" TextMode="MultiLine" Height="503px" Width="100%" class="ckeditor" /asp:TextBox

script type="text/javascript"

CKEDITOR.replace('%= txtcontent.ClientID %', { skin: 'kama' });

/script(用ckfinder文件下skins文件下kama文件下的,skin.js,样式)

CKFinder(php版)上传图片报错,总是显示500的错误,请问该怎么解决这个问题呢?

这个可以看看错误日志,看具体的错误信息。我猜测是保存上传文件的文件夹没有写权限,或者不存在。

ckeditor和ckfinder各自的功能是什么

1.ckfinder是ckeditor的一个插件。

2.ckeditor是html文本编辑插件,源码是javascript。效果类似WORD。就是在textbox上多了一些编辑工具。

3.ckfinder主要用于上传功能

(责任编辑:IT教学网)

更多

相关杀毒防毒文章

推荐杀毒防毒文章