您现在的位置是:网站首页 > 脚本编程>

thinkphp整合ckeditor的方法和利用ckfinder上传图片的功能

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

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

1.下载ckeditor编辑器


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

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

在文件中引用ckeditor.js

3.创建一个文本域

textarea name="myEditor" id="myEditor" /textarea

在文本域下面写如下代码

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'

});

标红部分是在后台用来接收文本域的值用的。


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

在文件的头部引用ckfinder.js

引用完以后我们只差一步了。接下来我们配置一下
ckfinder/config.php

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

$baseUrl = '/ziji/public/upload/';

查找CheckAuthentication将false更改为true  //开启上传图片的功能。

function CheckAuthentication()
{
  return false;
}

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



打赏本站,你说多少就多少

精彩评论

微信关注

Copyright © 2013-2019 千奇博客 保留所有权利 辽ICP备13008238号