thinkphp5整合最新ueditor，支持图片加水印

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码...

thinkphp5 TPshop项目开发中用到了富文本编辑器，选择有很多，不过资料手册文档最齐全的当然属百度的ueditor，可是发现TPshop2.05版之前使用的是ueditor1.26老版本，在上传图片时需要依赖flash，而很多新版本浏览器开始禁用flash，那么问题来了，ueditor需要升级才能兼容。

编辑器效果

简单贴一段主要核心代码，有不妥的地方可以多多交流

3.  href="__ROOT__/public/plugins/Ueditor/ueditor.config.js"/>
4.  href="__ROOT__/public/plugins/Ueditor/ueditor.all.min.js"/>
5.  type="text/javascript" charset="utf-8" src="__ROOT__/public/plugins/Ueditor/lang/zh-cn/zh-cn.js">
6.  src="__ROOT__/public/static/js/layer/laydate/laydate.js">
8.   class="span12 ckeditor" id="post_content" name="content" title="">{$info.content}  
9.  type="text/javascript">
10.     var url="{:url('Ueditor/index',array('savePath'=>'article'))}";
11.     var ue = UE.getEditor('post_content',{
12.         serverUrl :url,
13.         zIndex: 999,
14.         initialFrameWidth: "80%", //初化宽度
15.         initialFrameHeight: 300, //初化高度            
16.         focus: false, //初始化时，是否让编辑器获得焦点true或false
17.         maximumWords: 99999, removeFormatAttributes: 'class,style,lang,width,height,align,hspace,valign',//允许的最大字符数 'fullscreen',
18.         pasteplain:false, //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
19.         autoHeightEnabled: true
20.     });
21.     

复制代码

php接收代码

1. class Ueditor extends Base
2. {
3.     private $sub_name = array('date', 'Y/m-d');
4.     private $savePath = 'temp/';
6.     public function __construct()
7.     {
8.         parent::__construct();
9.         
10.         //header('Access-Control-Allow-Origin: http://www.baidu.com'); //设置http://www.baidu.com允许跨域访问
11.         //header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); //设置允许的跨域header
12.         
13.         date_default_timezone_set("Asia/Shanghai");
14.         
15.         $this->savePath = I('savepath','temp').'/';
16.         
17.         error_reporting(E_ERROR | E_WARNING);
18.         
19.         header("Content-Type: text/html; charset=utf-8");
20.     }
21.     
22.     public function index(){
23.         
24.         $CONFIG2 = json_decode(preg_replace("/\/\*[\s\S]+?\*\//", "", file_get_contents("./public/plugins/Ueditor/php/config.json")), true);
25.         $action = $_GET['action'];
26.         
27.         switch ($action) {
28.             case 'config':
29.                 $result =  json_encode($CONFIG2);
30.                 break;
31.             /* 上传图片 */
32.             case 'uploadimage':
33.                 $fieldName = $CONFIG2['imageFieldName'];
34.                 $result = $this->upFile($fieldName);
35.                 break;
36.             /* 上传涂鸦 */
37.             case 'uploadscrawl':
38.                 $config = array(
39.                     "pathFormat" => $CONFIG2['scrawlPathFormat'],
40.                     "maxSize" => $CONFIG2['scrawlMaxSize'],
41.                     "allowFiles" => $CONFIG2['scrawlAllowFiles'],
42.                     "oriName" => "scrawl.png"
43.                 );
44.                 $fieldName = $CONFIG2['scrawlFieldName'];
45.                 $base64 = "base64";
46.                 $result = $this->upBase64($config,$fieldName);
47.                 break;
48.             /* 上传视频 */
49.             case 'uploadvideo':
50.                 $fieldName = $CONFIG2['videoFieldName'];
51.                 $result = $this->upFile($fieldName);
52.                 break;
53.             /* 上传文件 */
54.             case 'uploadfile':
55.                 $fieldName = $CONFIG2['fileFieldName'];
56.                 $result = $this->upFile($fieldName);
57.                 break;
58.             /* 列出图片 */
59.             case 'listimage':
60.                 $allowFiles = $CONFIG2['imageManagerAllowFiles'];
61.                 $listSize = $CONFIG2['imageManagerListSize'];
62.                 $path = $CONFIG2['imageManagerListPath'];
63.                 $get =$_GET;
64.                 $result =$this->fileList($allowFiles,$listSize,$get);
65.                 break;
66.             /* 列出文件 */
67.             case 'listfile':
68.                 $allowFiles = $CONFIG2['fileManagerAllowFiles'];
69.                 $listSize = $CONFIG2['fileManagerListSize'];
70.                 $path = $CONFIG2['fileManagerListPath'];
71.                 $get = $_GET;
72.                 $result = $this->fileList($allowFiles,$listSize,$get);
73.                 break;
74.             /* 抓取远程文件 */
75.             case 'catchimage':
76.                 $config = array(
77.                     "pathFormat" => $CONFIG2['catcherPathFormat'],
78.                     "maxSize" => $CONFIG2['catcherMaxSize'],
79.                     "allowFiles" => $CONFIG2['catcherAllowFiles'],
80.                     "oriName" => "remote.png"
81.                 );
82.                 $fieldName = $CONFIG2['catcherFieldName'];
83.                 /* 抓取远程图片 */
84.                 $list = array();
85.                 isset($_POST[$fieldName]) ? $source = $_POST[$fieldName] : $source = $_GET[$fieldName];
86.                 
87.                 foreach($source as $imgUrl){
88.                     $info = json_decode($this->saveRemote($config,$imgUrl),true);
89.                     array_push($list, array(
90.                         "state" => $info["state"],
91.                         "url" => $info["url"],
92.                         "size" => $info["size"],
93.                         "title" => htmlspecialchars($info["title"]),
94.                         "original" => htmlspecialchars($info["original"]),
95.                         "source" => htmlspecialchars($imgUrl)
96.                     ));
97.                 }
99.                 $result = json_encode(array(
100.                     'state' => count($list) ? 'SUCCESS':'ERROR',
101.                     'list' => $list
102.                 ));
103.                 break;
104.             default:
105.                 $result = json_encode(array(
106.                     'state' => '请求地址出错'
107.                 ));
108.                 break;
109.         }
111.         /* 输出结果 */
112.         if(isset($_GET["callback"])){
113.             if(preg_match("/^[\w_]+$/", $_GET["callback"])){
114.                 echo htmlspecialchars($_GET["callback"]).'('.$result.')';
115.             }else{
116.                 echo json_encode(array(
117.                     'state' => 'callback参数不合法'
118.                 ));
119.             }
120.         }else{
121.             echo $result;
122.         }
123.     }
124.     
125.     //上传文件
126.     private function upFile($fieldName){
127.         $file = request()->file($fieldName);
128.         
129.         $result = $this->validate(
130.                 ['file2' => $file],
131.                 ['file2'=>'image','file2'=>'fileSize:40000000'],
132.                 ['file2.image' => '上传文件必须为图片','file2.fileSize' => '上传文件过大']
133.         );
134.         
135.         if (true !== $result || empty($file)) {
136.             $state = "ERROR" . $result;
137.         }else{
138.             // 移动到框架应用根目录/public/uploads/ 目录下
139.             $this->savePath = $this->savePath.date('Y').'/'.date('m-d').'/';
140.             // 使用自定义的文件保存规则
141.             $info = $file->rule(function ($file) {
142.                 return  md5(mt_rand());
143.             })->move('public/upload/'.$this->savePath);
144.         }
145.         
146.         if($info){
147.             $data = array(
148.                 'state' => 'SUCCESS',
149.                 'url' => '/public/upload/'.$this->savePath.$info->getSaveName(),
150.                 'title' => $info->getFilename(),
151.                 'original' => $info->getFilename(),
152.                 'type' => '.' . $info->getExtension(),
153.                 'size' => $info->getSize(),
154.             );
155.             //图片加水印
156.             if($this->savePath=='Goods/'){
157.                 $image = new \Think\Image();
158.                 $water = tpCache('water');
159.                 $imgresource = ".".$data['url'];
160.                 $image->open($imgresource);
161.                 if($water['is_mark']==1 && $image->width()>$water['mark_width'] && $image->height()>$water['mark_height']){
162.                     if($water['mark_type'] == 'text'){
163.                         $image->text($water['mark_txt'],'./hgzb.ttf',20,'#000000',9)->save($imgresource);
164.                     }else{
165.                         $image->water(".".$water['mark_img'],9,$water['mark_degree'])->save($imgresource);
166.                     }
167.                 }
168.             }
169.         }else{
170.             $data = array('state' => $state.$info->getError());
171.         }
172.         return json_encode($data);
173.     }
175.     //列出图片
176.     private function fileList($allowFiles,$listSize,$get){
177.         $dirname = './public/upload/';
178.         $allowFiles = substr(str_replace(".","|",join("",$allowFiles)),1);
179.         /* 获取参数 */
180.         $size = isset($get['size']) ? htmlspecialchars($get['size']) : $listSize;
181.         $start = isset($get['start']) ? htmlspecialchars($get['start']) : 0;
182.         $end = $start + $size;
183.         /* 获取文件列表 */
184.         $path = $dirname;
185.         $files = $this->getFiles($path,$allowFiles);
186.         if(!count($files)){
187.             return json_encode(array(
188.                 "state" => "no match file",
189.                 "list" => array(),
190.                 "start" => $start,
191.                 "total" => count($files)
192.             ));
193.         }
194.         /* 获取指定范围的列表 */
195.         $len = count($files);
196.         for($i = min($end, $len) - 1, $list = array(); $i < $len && $i >= 0 && $i >= $start; $i--){
197.             $list[] = $files[$i];
198.         }
200.         /* 返回数据 */
201.         $result = json_encode(array(
202.             "state" => "SUCCESS",
203.             "list" => $list,
204.             "start" => $start,
205.             "total" => count($files)
206.         ));
208.         return $result;
209.     }
211.        /*
212.      * 遍历获取目录下的指定类型的文件
213.      * @param $path
214.      * @param array $files
215.      * @return array
216.     */
217.     private function getFiles($path,$allowFiles,&$files = array()){
218.         if(!is_dir($path)) return null;
219.         if(substr($path,strlen($path)-1) != '/') $path .= '/';
220.         $handle = opendir($path);
221.             
222.         while(false !== ($file = readdir($handle))){
223.             if($file != '.' && $file != '..'){
224.                 $path2 = $path.$file;
225.                 if(is_dir($path2)){
226.                     $this->getFiles($path2,$allowFiles,$files);
227.                 }else{
228.                     if(preg_match("/\.(".$allowFiles.")$/i",$file)){
229.                         $files[] = array(
230.                             'url' => substr($path2,1),
231.                             'mtime' => filemtime($path2)
232.                         );
233.                     }
234.                 }
235.             }
236.         }        
237.         return $files;
238.     }
239. 
     

复制代码

更多详细代码可以下载TPshop源码查看