thinkphp5整合最新ueditor，支持图片加水印_public/plugins/ueditor/php/config.json-程序员宅基地

技术标签： php技术  tpshop  开源商城  html5  ueditor  tpshop开发  thinkphp  tpshop商城  javascript  

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


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

编辑器效果

简单贴一段主要核心代码，有不妥的地方可以多多交流
  1. <html>
  3. <load href="__ROOT__/public/plugins/Ueditor/ueditor.config.js"/>
  4. <load href="__ROOT__/public/plugins/Ueditor/ueditor.all.min.js"/>
  5. <script type="text/javascript" charset="utf-8" src="__ROOT__/public/plugins/Ueditor/lang/zh-cn/zh-cn.js"></script>
  6. <script src="__ROOT__/public/static/js/layer/laydate/laydate.js"></script>
  7. <body>
  8.  <textarea class="span12 ckeditor" id="post_content" name="content" title="">{$info.content}</textarea>  
  9. <script 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. </script>    
  22. </body>
  23. </html>
复制代码
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.     }

复制代码
更多详细代码可以下载TPshop源码查看
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyp584168/article/details/74634361

智能推荐

分布式光纤传感器的全球与中国市场2022-2028年：技术、参与者、趋势、市场规模及占有率研究报告_预计2026年中国分布式传感器市场规模有多大-程序员宅基地

文章浏览阅读3.2k次。本文研究全球与中国市场分布式光纤传感器的发展现状及未来发展趋势，分别从生产和消费的角度分析分布式光纤传感器的主要生产地区、主要消费地区以及主要的生产商。重点分析全球与中国市场的主要厂商产品特点、产品规格、不同规格产品的价格、产量、产值及全球和中国市场主要生产商的市场份额。主要生产商包括：FISO TechnologiesBrugg KabelSensor HighwayOmnisensAFL GlobalQinetiQ GroupLockheed MartinOSENSA Innovati_预计2026年中国分布式传感器市场规模有多大

07_08 常用组合逻辑电路结构——为IC设计的延时估计铺垫_基4布斯算法代码-程序员宅基地

文章浏览阅读1.1k次，点赞2次，收藏12次。常用组合逻辑电路结构——为IC设计的延时估计铺垫学习目的：估计模块间的delay，确保写的代码的timing 综合能给到多少HZ，以满足需求！_基4布斯算法代码

OpenAI Manager助手（基于SpringBoot和Vue）_chatgpt网页版-程序员宅基地

文章浏览阅读3.3k次，点赞3次，收藏5次。OpenAI Manager助手（基于SpringBoot和Vue）_chatgpt网页版

关于美国计算机奥赛USACO，你想知道的都在这_usaco可以多次提交吗-程序员宅基地

文章浏览阅读2.2k次。USACO自1992年举办，到目前为止已经举办了27届，目的是为了帮助美国信息学国家队选拔IOI的队员，目前逐渐发展为全球热门的线上赛事，成为美国大学申请条件下，含金量相当高的官方竞赛。USACO的比赛成绩可以助力计算机专业留学，越来越多的学生进入了康奈尔，麻省理工，普林斯顿，哈佛和耶鲁等大学，这些同学的共同点是他们都参加了美国计算机科学竞赛（USACO)，并且取得过非常好的成绩。适合参赛人群USACO适合国内在读学生有意向申请美国大学的或者想锻炼自己编程能力的同学，高三学生也可以参加12月的第_usaco可以多次提交吗

MySQL存储过程和自定义函数_mysql自定义函数和存储过程-程序员宅基地

文章浏览阅读394次。1.1 存储程序1.2 创建存储过程1.3 创建自定义函数1.3.1 示例1.4 自定义函数和存储过程的区别1.5 变量的使用1.6 定义条件和处理程序1.6.1 定义条件1.6.1.1 示例1.6.2 定义处理程序1.6.2.1 示例1.7 光标的使用1.7.1 声明光标1.7.2 打开光标1.7.3 使用光标1.7.4 关闭光标1.8 流程控制的使用1.8.1 IF语句1.8.2 CASE语句1.8.3 LOOP语句1.8.4 LEAVE语句1.8.5 ITERATE语句1.8.6 REPEAT语句。_mysql自定义函数和存储过程

半导体基础知识与PN结_本征半导体电流为0-程序员宅基地

文章浏览阅读188次。半导体二极管——集成电路最小组成单元。_本征半导体电流为0

随便推点

【Unity3d Shader】水面和岩浆效果_unity 岩浆shader-程序员宅基地

文章浏览阅读2.8k次，点赞3次，收藏18次。游戏水面特效实现方式太多。咱们这边介绍的是一最简单的UV动画（无顶点位移），整个mesh由4个顶点构成。实现了水面效果（左图），不动代码稍微修改下参数和贴图可以实现岩浆效果（右图）。有要思路是1，uv按时间去做正弦波移动2，在1的基础上加个凹凸图混合uv3，在1、2的基础上加个水流方向4，加上对雾效的支持，如没必要请自行删除雾效代码(把包含fog的几行代码删除)S..._unity 岩浆shader

广义线性模型——Logistic回归模型（1）_广义线性回归模型-程序员宅基地

文章浏览阅读5k次。广义线性模型是线性模型的扩展，它通过连接函数建立响应变量的数学期望值与线性组合的预测变量之间的关系。广义线性模型拟合的形式为：其中g(μY)是条件均值的函数（称为连接函数）。另外，你可放松Y为正态分布的假设，改为Y 服从指数分布族中的一种分布即可。设定好连接函数和概率分布后，便可以通过最大似然估计的多次迭代推导出各参数值。在大部分情况下，线性模型就可以通过一系列连续型或类别型预测变量来预测正态分布的响应变量的工作。但是，有时候我们要进行非正态因变量的分析，例如：（1）类别型.._广义线性回归模型

HTML+CSS大作业 环境网页设计与实现(垃圾分类) web前端开发技术 web课程设计 网页规划与设计_垃圾分类网页设计目标怎么写-程序员宅基地

文章浏览阅读69次。环境保护、 保护地球、 校园环保、垃圾分类、绿色家园、等网站的设计与制作。 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△） 一套A+的网_垃圾分类网页设计目标怎么写

C# .Net 发布后,把dll全部放在一个文件夹中,让软件目录更整洁_.net dll 全局目录-程序员宅基地

文章浏览阅读614次，点赞7次，收藏11次。之前找到一个修改 exe 中 DLL地址 的方法, 不太好使,虽然能正确启动, 但无法改变 exe 的工作目录,这就影响了.Net 中很多获取 exe 执行目录来拼接的地址 ( 相对路径 ),比如 wwwroot 和 代码中相对目录还有一些复制到目录的普通文件 等等,它们的地址都会指向原来 exe 的目录, 而不是自定义的 “lib” 目录,根本原因就是没有修改 exe 的工作目录这次来搞一个启动程序,把 .net 的所有东西都放在一个文件夹,在文件夹同级的目录制作一个 exe._.net dll 全局目录

BRIEF特征点描述算法_breif description calculation 特征点-程序员宅基地

文章浏览阅读1.5k次。本文为转载，原博客地址：http://blog.csdn.net/hujingshuang/article/details/46910259简介 BRIEF是2010年的一篇名为《BRIEF:Binary Robust Independent Elementary Features》的文章中提出，BRIEF是对已检测到的特征点进行描述，它是一种二进制编码的描述子，摈弃了利用区域灰度..._breif description calculation 特征点

房屋租赁管理系统的设计和实现，SpringBoot计算机毕业设计论文_基于spring boot的房屋租赁系统论文-程序员宅基地

文章浏览阅读4.1k次，点赞21次，收藏79次。本文是《基于SpringBoot的房屋租赁管理系统》的配套原创说明文档，可以给应届毕业生提供格式撰写参考，也可以给开发类似系统的朋友们提供功能业务设计思路。_基于spring boot的房屋租赁系统论文

推荐文章

热门文章

相关标签