ckfinder(ckfinder3 api)
请问使用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主要用于上传功能