下面是“php版本CKEditor 4和CKFinder安装及配置方法图文教程”的完整攻略：

1. 下载CKEditor和CKFinder

首先，在CKEditor官网下载CKEditor 4最新版本。在CKFinder官网下载对应版本的CKFinder。

2. 安装CKEditor

将下载好的CKEditor压缩包解压到你的web服务器目录下，例如 wwwroot 目录。

3. 配置CKEditor

3.1 修改config.js

在 wwwroot/ckeditor 目录下，找到 config.js 文件，并打开。在该文件中，你可以找到很多CKEditor的配置项，你可以根据需要进行修改。例如，你可以修改编辑器的默认语言、上传图片的最大尺寸等等。

下面是一个示例，将CKEditor的默认语言设置为中文：

CKEDITOR.editorConfig = function( config ) {    // 配置语言为中文    config.language = 'zh-cn';    // 为管理图片的插件配置不同图片上传接口    config.filebrowserImageUploadUrl = "/upload/image";    config.filebrowserImageBrowseUrl = "/upload/browse";    ......};

3.2 在html页面引入CKEditor

在需要使用CKEditor的页面中，导入需要的js和css文件。示例：

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>使用CKEditor</title>    <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>    <link rel="stylesheet" type="text/css" href="/ckeditor/plugins/codesnippet/lib/highlight/styles/github.css"></head><body>    <textarea id="editor" name="editor"></textarea>    <script>        CKEDITOR.replace('editor');    </script></body></html>

4. 安装和配置CKFinder

4.1 安装CKFinder

解压CKFinder压缩包，将其中的所有文件夹拷贝到网站的某个目录下。例如，可以将CKFinder的文件夹放在你的web服务器的目录 /ckfinder 下。

4.2 配置CKFinder

在 ckfinder/config.php 中修改配置：

// 服务器的访问地址$config['base_url'] = '/ckfinder/userfiles/';// 能够访问CKFinder的权限认证$config['authentication'] = function () {    return true;};// 设置上传目录$config['backends']['default'] = array(    'name' => 'default',    'adapter' => 'local',    'baseUrl' => '/ckfinder/userfiles/',    'root' => 'D:/MyDocument/persistent_folder/',    'chmodFiles' => 0777,    'chmodFolders' => 0755,    'filesystemEncoding' => 'UTF-8');

4.3 在html页面引入CKFinder

html页面中使用CKFinder示例：

<script>    CKEDITOR.replace( 'editor', {        extraPlugins : 'filebrowser',        filebrowserBrowseUrl : '/ckfinder/ckfinder.html',        filebrowserUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',        filebrowserImageBrowseUrl : '/ckfinder/ckfinder.html?Type=Images',        filebrowserImageUploadUrl : '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',        filebrowserWindowWidth : '1000',        filebrowserWindowHeight : '700'    });</script>

在以上示例中，我们配置CKEditor的额外插件文件filebrowser，为图片和文件上传配置对应的url，并设置文件浏览器窗口大小。

至此，我们已经完成了CKEditor和CKFinder的安装和配置，可以愉快地使用它们来发布和管理你的网站了！