最新ckeditor_ckfinder整合超完整版.docVIP

  • 43
  • 0
  • 约1.97万字
  • 约 18页
  • 2017-11-24 发布于河南
  • 举报
最新ckeditor_ckfinder整合超完整版

Ckeditor ckfinder2.0.1超强整合 完整版 实践版 PHP 目录 php开发--使用 CKEditor 和 CKFinder 实现上传功能 1 1. 下载安装 CKEditor: 1 2. 下载安装 CKFinder: 1 3. 在网页中使用 CKEditor 和 CKFinder: 2 4. 配置CKFinder进行上传图片,Flash等。 3 5.Ckfinder实现普通文件上传 4 ckfinder中实现文件上传后按当前时间改名 5 CKEditor 优化配置 6 精简Ckeditor 6 提速:禁用拼写检查 6 CKFinder 单独使用 9 ckfinder去掉注册的提示信息 9 php开发--使用 CKEditor 和 CKFinder 实现上传功能 1. 下载安装 CKEditor: / 解压下载到的CKEditor放到网站的路径中即可 简单配置ckeditor,打开config.js,添加如下内容 2. 下载安装 CKFinder: /download 解压下载到的CKEditor放到与CKEditor同一目录中即可 3. 在网页中使用 CKEditor 和 CKFinder: CKEditor 实际是替换一个 textarea 标签,所以把textarea放到一个form中,当提交到php服务器端,使用$_GET[xxx] 或者 $_POST[xxx] 取得编辑好的数据。注意,因为 CKEditor 要替换 textarea,所以相应的javascript 代码CKEDITOR.replace(xxxxxx) 要放在 textarea 的后面。 最简单的方法,直接使用下面的例子修改一下即可。可以在网页中看到 CKEditor 了,兴奋吧。 注意:路径一定要正确,否者无法显示。 4. 配置CKFinder进行上传图片,Flash等。 到这里,点击 Image 按钮,在弹出的窗口中的 Upload 标签中已经看到上传按钮了,但是在上传文件时失败。因为CKFinder还没有配置好。需要创建上传文件的目录和修改 ckfinder/config.php 里的三个地方: a. 创建保存上传文件的目录,如uploads, 其路径为/Users/Biao/Sites/php/uploads/ [For Linux: 把其权限设置为php server可读写,最简单的是 chmod 777 uploads 这样php server才有权限往里面保存文件.] b. 找到配置文件第32行,把 function CheckAuthentication() { return false; } 修改成 function CheckAuthentication() { return true; } c. 找到第63行,把 $baseUrl 的值改成保存上传文件存目录的URL, 如 $baseUrl = /~Biao/php/uploads/; 怎么取得这个 URL 呢?其实很简单,在这个uploads文件夹里创建一个简单的path.php文件: ?php echo $_SERVER[PHP_SELF] ?,然后从浏览器里访问, 就可以得到 /~Biao/php/uploads/path.php, 则 uploads 文件夹的URL是 /~Biao/php/uploads/ d. 找到第82行,删除 $baseDir = resolveUrl($baseUrl); 修改 $baseDir 为上传文件目录的绝对路径, 如$baseDir =/Users/Biao/Sites/php/uploads/; 这是因为resolveUrl($baseUrl)函数不能正常工作。 可以这样也可以不修改,新版本的已经可以正常工作了。 至此,可以使用 CKEditor 和 CKFinder 上传文件了。 对上面这个小例子中服务器端的b.php代码: 可以看到,在点击submit按钮后,服务器端收到了CKEditor中的内容,并使用echo输出,生成一个与CKEditor里面编辑的完全一样的内容。在服务器端可以把收到的内容保存到数据库中。然后再读出在相应的页面显示出来。 ckeditor界面 昨天?15:41 上传 下载附件 (15.28 KB) ckeditor Ckfinder界面 昨天?15:41 上传 下载附件 (24.79 KB) ckfinder 5.Ckfinder实现普通文件上传 其实上面的代码已经能够实现上传了只是找不到位置,应该这样操作即可成功。 点“插入/编辑超链接”,再点“上传”选项卡,选文件后点“上传到服务器上” 昨天?16:36 上传 下载附件 (10.02 KB) 就可以实现了,呵呵。是不非常简单呀

文档评论(0)

1亿VIP精品文档

相关文档