如何将Ckfinder与Ckeditor一起使用?

Far*_*ebi -1 ckeditor ckfinder

我在我的项目中使用过Ckeditor.它运作良好.我可以把图片放在文本中但是有一个网址.我知道,如果我想从我的电脑上传一张照片,我必须使用CKfinder.如何将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);

}
Run Code Online (Sandbox Code Playgroud)

谢谢.

Web*_*une 5

完成设置需要将近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>
    
    Run Code Online (Sandbox Code Playgroud)

所以你的文件夹结构将是这样的:

htdocs
|_integrated
    |_ckeditor
    |   |_config.js
    |   |_...
    |_ckfinder
    |   |_config.php
    |   |_...
    |_uploads
    |_index.html
  1. 现在在ckfinder中打开文件config.php并进行以下更改:

    function CheckAuthentication() {
        return true;
    }
    $baseUrl = 'http://localhost/integrated/uploads/';
    $enabled = true;
    $config['SecureImageUploads'] = false;
    $config['ChmodFolders'] = 0777 ;
    
    Run Code Online (Sandbox Code Playgroud)
  2. 现在打开网址http://localhost/integrated/并尝试上传图片.