如何将Ckfinder与Ckeditor配合使用?
问题描述:
我在项目中使用了Ckeditor。它运作良好。我可以把图片放在文本中,但带有网址。我知道,如果我想从我的电脑上传照片,我必须使用CKfinder。 如何将Ckfinder与Ckeditor配合使用?如何将Ckfinder与Ckeditor配合使用?
我用这个代码来调用CKEDITOR:
protected void Page_Load(object sender, EventArgs e)
{
String StrScript = "CKEDITOR.replace('" + TextBox1.ClientID + "',{toolbar : 'Full'});";
ClientScript.RegisterStartupScript(this.GetType(), "Ck-Js/ckeditor", StrScript, true);
}
感谢。
答
需要花费近5分钟即可完成安装:
- 下载CKEditor和CKFinder。
- 将提取的代码放在xampp中的一个文件夹中,如下所示。
-
创建将包含编辑器的索引文件(index.html),如下面的代码所示。
<html> <head> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript" src="ckfinder/ckfinder.js"></script> </head> <body> <h1>CKEditor CKFinder Integration using PHP</h1> <textarea id="editor1" name="editor1" rows="10" cols="80"></textarea> <script type="text/javascript"> var editor = CKEDITOR.replace('editor1', { filebrowserBrowseUrl : 'ckfinder/ckfinder.html', filebrowserImageBrowseUrl : 'ckfinder/ckfinder.html?type=Images', filebrowserFlashBrowseUrl : 'ckfinder/ckfinder.html?type=Flash', filebrowserUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowserImageUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', filebrowserFlashUploadUrl : 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' }); CKFinder.setupCKEditor(editor, '../'); </script> </body> </html>
这样你的文件夹结构是这样的:
htdocs |_integrated |_ckeditor | |_config.js | |_... |_ckfinder | |_config.php | |_... |_uploads |_index.html
-
现在打开文件的config.php内ckfinder &补充以下变化:
function CheckAuthentication() { return true; } $baseUrl = 'http://localhost/integrated/uploads/'; $enabled = true; $config['SecureImageUploads'] = false; $config['ChmodFolders'] = 0777 ;
- 现在打开url
http://localhost/integrated/
并尝试上传图像。
答
如果任何人在集成CKFinder与CKEditor时仍然遇到问题,请尝试使用KCFinder(http://kcfinder.sunhater.com/)。
它与CKFinder具有完全相同的功能,但它的免费,开放源代码,并且更容易安装和设置。 (就个人而言,我从来没有能够得到正确安装CKFinder ....)
为KCFinder安装说明在这里: http://kcfinder.sunhater.com/install
而且集成说明现在的位置: http://kcfinder.sunhater.com/integrate