Question

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

}

感谢。

Answer 1

完成设置需要将近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

现在在ckfinder＆amp;中打开文件config.php进行以下更改：

function CheckAuthentication() {
    return true;
}
$baseUrl = 'http://localhost/integrated/uploads/';
$enabled = true;
$config['SecureImageUploads'] = false;
$config['ChmodFolders'] = 0777 ;

现在打开网址http://localhost/integrated/并尝试上传图片。

Answer 2

我想你想使用CKFinder和CKEditor，试试这个：

Answer 3

如果仍然有人在将CKFinder与CKEditor集成时遇到问题，请尝试使用KCFinder（http://kcfinder.sunhater.com/）。

它具有与CKFinder相同的功能，但它是免费的，开源的，并且更容易安装和设置。（就个人而言，我从来没有能够正确安装CKFinder ....）

KCFinder的安装说明如下： http://kcfinder.sunhater.com/install

集成说明如下： http://kcfinder.sunhater.com/integrate

Answer 4

https://ckeditor.com/ckeditor-4/download/

下载ckfinder并将它们放在一个位置，然后

<textarea class="ckeditor" id="editor1"></textarea>

将此代码放在footer.php中或直接在页面上

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'
});

在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',
);

就是这样，它对我有用。
如果这对您有帮助，请给我们评分

如何将Ckfinder与Ckeditor一起使用？

4 个答案: