2013-05-14 50 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