黑马程序员技术交流社区

标题: 【上海校区】thinkphp整合ckeditor的方法和利用ckfinder上传图... [打印本页]

---

作者: 梦缠绕的时候    时间: 2019-2-25 10:06
标题: 【上海校区】thinkphp整合ckeditor的方法和利用ckfinder上传图...

最近用thinkphp做一个项目,用到了富文本编辑器,一个文本编辑器没有图片上传功能等同没有一样,在网站找到了很多相关的方法但是没有一个合适的,在自己不断努力想将网站的方法整理了一样实现了自己想要的功能,好了废话不多说了将代码展示给大家.

1.下载ckeditor编辑器

这是ckeditor文件夹的基本结构。

2.将其解压到PUBLIC文件夹下

在文件中引用ckeditor.js

3.创建一个文本域

在文本域下面写如下代码:

• CKEDITOR.replace( 'myEditor',
• {
• filebrowserBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html',
• filebrowserImageBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html?Type=Images',
• filebrowserFlashBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html?Type=Flash',
• filebrowserUploadUrl : '__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
• filebrowserImageUploadUrl : '__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
• filebrowserFlashUploadUrl : '__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
• });
  

myEditor部分是在后台用来接收文本域的值用的.

4.此时的编辑器没有上传图片的功能,接下来我们配置文本编辑器的上传图片的功能

在文件的头部引用ckfinder.js,引用完以后我们只差一步了,接下来我们配置一下,ckfinder/config.php

找到“$baseUrl”是上传图片的路径,此路径是相对与根目录的.

• $baseUrl = '/ziji/public/upload/';
• 查找CheckAuthentication将false更改为true  //开启上传图片的功能。
• function CheckAuthentication()
• {
•   return false;
• }
  

此时的文本编辑器已经有上传的功能了.

---

作者: 不二晨    时间: 2019-2-26 15:38
奈斯，感谢分享

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2