本文主要为大家详细介绍了kindeditor编辑器加图片上传水印功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
kindeditor 是一套开源的在线html编辑器，开发人员可以用 kindeditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。可以无缝地与 java、.net、php、asp 等程序集成，比较适合在 cms、商城、论坛、博客、wiki、电子邮件等互联网应用上使用。
主要特点：
快速：体积小，加载速度快
开源：开放源代码，高水平，高品质
底层：内置自定义 dom 类库，精确操作 dom
扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能
风格：修改编辑器风格非常容易，只需修改一个 css 文件
兼容：支持大部分主流浏览器，比如 ie、firefox、safari、chrome、opera
转到正题，默认的编辑器上传图片时，是没有水印功能的，下面详细介绍：
第一步：修改upload_json.php文件
在编辑器的/php/目录下可以找到这个文件，新增一个函数：
/* * 功能：php图片水印，水印支持图片或文字 * 参数： * $groundimage 背景图片，即需要加水印的图片，暂只支持gif,jpg,png格式； * $waterpos 水印位置，有10种状态，0为随机位置； * 1为顶端居左，2为顶端居中，3为顶端居右； * 4为中部居左，5为中部居中，6为中部居右； * 7为底端居左，8为底端居中，9为底端居右； * $waterimage 图片水印，即作为水印的图片，暂只支持gif,jpg,png格式； * $alpha 水印透明度，取值1-100； * $watertext 文字水印，即把文字作为为水印，支持ascii码，不支持中文； * $textfont 文字大小，值为1、2、3、4或5，默认为5； * $textcolor 文字颜色，值为十六进制颜色值，默认为#ff0000(红色)； * * $waterimage 和 $watertext 最好不要同时使用，选其中之一即可，优先使用 $waterimage。 * 当$waterimage有效时，参数$waterstring、$stringfont、$stringcolor均不生效。 * 加水印后的图片的文件名和 $groundimage 一样。 */ function imagewatermark($groundimage, $waterpos=0, $waterimage='', $alpha=80, $watertext='', $water_fontfile, $textfont=9, $textcolor='#ff0000'){ $iswaterimage = false; $formatmsg = '不支持该图片格式！请使用gif、jpg、png格式的图片。'; $fontfile = $water_fontfile; //读取水印文件 if(!empty($waterimage) && file_exists($waterimage)){ $iswaterimage = true; $water_info = getimagesize($waterimage); $water_w = $water_info[0];//取得水印图片的宽 $water_h = $water_info[1];//取得水印图片的高 switch($water_info[2]){//取得水印图片的格式 case 1:$water_im = imagecreatefromgif($waterimage);break; case 2:$water_im = imagecreatefromjpeg($waterimage);break; case 3:$water_im = imagecreatefrompng($waterimage);break; default:die($formatmsg); } } //读取背景图片 if(!empty($groundimage) && file_exists($groundimage)){ $ground_info = getimagesize($groundimage); $ground_w = $ground_info[0];//取得背景图片的宽 $ground_h = $ground_info[1];//取得背景图片的高 switch($ground_info[2]){//取得背景图片的格式 case 1:$ground_im = imagecreatefromgif($groundimage);break; case 2:$ground_im = imagecreatefromjpeg($groundimage);break; case 3:$ground_im = imagecreatefrompng($groundimage);break; default:die($formatmsg); } }else{ alert("水印图片不存在！"); } //水印位置 if($iswaterimage){//图片水印 $w = $water_w; $h = $water_h; $label = "图片的"; }else{//文字水印 $temp = imagettfbbox($textfont, 0, $fontfile, $watertext);//取得使用 truetype 字体的文本的范围 $w = $temp[2] - $temp[6]; $h = $temp[3] - $temp[7]; unset($temp); $label = "文字区域"; } if(($ground_w<$w) || ($ground_h<$h)){ echo "需要加水印的图片的长度或宽度比水印".$label."还小，无法生成水印！"; return; } switch($waterpos){ case 0://随机 $posx = rand(0,($ground_w - $w)); $posy = rand(0,($ground_h - $h)); break; case 1://1为顶端居左 $posx = 0; $posy = 0; break; case 2://2为顶端居中 $posx = ($ground_w - $w) / 2; $posy = 0; break; case 3://3为顶端居右 $posx = $ground_w - $w; $posy = 0; break; case 4://4为中部居左 $posx = 0; $posy = ($ground_h - $h) / 2; break; case 5://5为中部居中 $posx = ($ground_w - $w) / 2; $posy = ($ground_h - $h) / 2; break; case 6://6为中部居右 $posx = $ground_w - $w; $posy = ($ground_h - $h) / 2; break; case 7://7为底端居左 $posx = 0; $posy = $ground_h - $h; break; case 8://8为底端居中 $posx = ($ground_w - $w) / 2; $posy = $ground_h - $h; break; case 9://9为底端居右 $posx = $ground_w - $w; $posy = $ground_h - $h; if(!$iswaterimage){ $posy = $ground_h - $h-20; } break; default://随机 $posx = rand(0,($ground_w - $w)); $posy = rand(0,($ground_h - $h)); break; } //设定图像的混色模式 imagealphablending($ground_im, true); if($iswaterimage){//图片水印 //imagecopy($ground_im, $water_im, $posx, $posy, 0, 0, $water_w,$water_h);//拷贝水印到目标文件 //生成混合图像 imagecopymerge($ground_im, $water_im, $posx, $posy, 0, 0, $water_w, $water_h, $alpha); } else {//文字水印 if( !empty($textcolor) && (strlen($textcolor)==7)){ $r = hexdec(substr($textcolor,1,2)); $g = hexdec(substr($textcolor,3,2)); $b = hexdec(substr($textcolor,5)); } else { die("水印文字颜色格式不正确！"); } imagestring($ground_im, $textfont, $posx, $posy, $watertext, imagecolorallocate($ground_im, $r, $g, $b)); } //生成水印后的图片 @unlink($groundimage); switch($ground_info[2]){//取得背景图片的格式 case 1:imagegif($ground_im,$groundimage);break; case 2:imagejpeg($ground_im,$groundimage,100);break;//注意这里的100，经测试，100是图片质量最佳的，但文件大小会增加很多，95的时候质量还不错，大小和原来的差不多。作者采用95的值。 case 3:imagepng($ground_im,$groundimage);break; default:die($errormsg); } //释放内存 if(isset($water_info)) unset($water_info); if(isset($water_im)) imagedestroy($water_im); unset($ground_info); imagedestroy($ground_im); }
第二步：找到$json = new services_json();注意有两个地方，不是在alert函数里的那个，添加如下代码：
/* 水印配置开始 */ $water_mark = 1;//1为加水印, 其它为不加 $water_pos = 9;//水印位置，10种状态【0为随机，1为顶端居左，2为顶端居中，3为顶端居右；4为中部居左，5为中部居中，6为中部居右；7为底端居左，8为底端居中，9为底端居】 $water_img = $_server['document_root'].'/upfiles/water.gif';//水印图片,默认填写空,请将图片上传至网站根目录的upfiles下,例: water.gif $water_alpha = 50;//水印透明度 $water_text = '';//水印字符串,默认填写空; //$water_fontfile = $_server['document_root'] .'/upfiles/fonts/arial.ttf';//文字水印使用的字体; if($water_mark == 1){ imagewatermark($file_path, $water_pos, $water_img, $water_alpha, $water_text, $water_fontfile); } /* 水印配置结束 */
经本人测试可以正常使用，另外一点请注意水印图片的路径，根据实际情况而定。
相关推荐：
php实现可添加水印与生成缩略图处理工具
php根据图片色区位置加水印
百度编辑器添加图片水印功能
以上就是kindeditor编辑器添加图片上传水印实现方法的详细内容。