2013-05-14 66 views
-1

我在项目中使用了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); 

} 

感谢。

回答

4

需要花费近5分钟即可完成安装:

  1. 下载CKEditor和CKFinder。
  2. 将提取的代码放在xampp中的一个文件夹中,如下所示。
  3. 创建将包含编辑器的索引文件(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 
  1. 现在打开文件的config.php内ckfinder &补充以下变化:

    function CheckAuthentication() { 
        return true; 
    } 
    $baseUrl = 'http://localhost/integrated/uploads/'; 
    $enabled = true; 
    $config['SecureImageUploads'] = false; 
    $config['ChmodFolders'] = 0777 ; 
    
  2. 现在打开url http://localhost/integrated/并尝试上传图像。
1

如果任何人在集成CKFinder与CKEditor时仍然遇到问题,请尝试使用KCFinder(http://kcfinder.sunhater.com/)。

它与CKFinder具有完全相同的功能,但它的免费,开放源代码,并且更容易安装和设置。 (就个人而言,我从来没有能够得到正确安装CKFinder ....)

为KCFinder安装说明在这里: http://kcfinder.sunhater.com/install

而且集成说明现在的位置: http://kcfinder.sunhater.com/integrate