如何将Ckfinder与Ckeditor一起使用?

如何将Ckfinder与Ckeditor一起使用?,ckeditor,ckfinder,Ckeditor,Ckfinder,我在我的项目中被用作编辑。它工作得很好。我可以把图片放在文本中,但有一个url。我知道,如果我想从我的电脑上传图片,我必须使用CKfinder。 如何将Ckfinder与Ckeditor一起使用 我使用此代码调用CKeditor: protected void Page_Load(object sender, EventArgs e) { String StrScript = "CKEDITOR.replace( '" + TextBox1.ClientID + "',{toolbar

我在我的项目中被用作编辑。它工作得很好。我可以把图片放在文本中,但有一个url。我知道,如果我想从我的电脑上传图片,我必须使用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);

}

谢谢。

我认为您需要使用CKFinder和CKEditor,请尝试以下方法:

  • 文件:
  • 法语:

完成设置几乎需要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>
    
  • 现在打开url
    http://localhost/integrated/
    并尝试上载图像

  • 如果任何人在将CKFinder与CKEditor集成时仍有问题,请尝试改用KCFinder()

    它具有与CKFinder相同的所有功能,但是它是免费的、开源的,并且安装和设置起来更容易。(就我个人而言,我始终无法正确安装CKFinder…)

    KCFinder的安装说明如下:

    集成说明如下所示:

  • 下载,然后把它放在一个地方

    <textarea class="ckeditor" id="editor1"></textarea>
    
    ckfinder/config.php
    文件中打开并进行一些更改

    $config['authentication'] = function () {
      return true;
    };
    
    $config['backends'][] = array(
      'name'         => 'default',
      'adapter'      => 'local',
      'baseUrl'      => 'https://example.com/admin/ckfinder/userfiles/',
      //  'root'         => '', // Can be used to explicitly set the CKFinder user files directory.
      'chmodFiles'   => 0777,
      'chmodFolders' => 0755,
      'filesystemEncoding' => 'UTF-8',
    );
    
  • 就这样,对我来说很有用。
    如果这对你有帮助,请给我们评分

    <textarea class="ckeditor" id="editor1"></textarea>
    
    CKEDITOR.replace( 'editor1', {
        filebrowserBrowseUrl: 'https://example.com/admin/ckfinder/ckfinder.html',
        filebrowserImageBrowseUrl: 'https://example.com/admin/ckfinder/ckfinder.html?type=Images',
        filebrowserUploadUrl: 'https://example.com/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
        filebrowserImageUploadUrl: 'https://example.com/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images'
    });
    
    $config['authentication'] = function () {
      return true;
    };
    
    $config['backends'][] = array(
      'name'         => 'default',
      'adapter'      => 'local',
      'baseUrl'      => 'https://example.com/admin/ckfinder/userfiles/',
      //  'root'         => '', // Can be used to explicitly set the CKFinder user files directory.
      'chmodFiles'   => 0777,
      'chmodFolders' => 0755,
      'filesystemEncoding' => 'UTF-8',
    );