KindEditor 是一套開源的在線HTML編輯器，開發人員可以用 KindEditor 把傳統的多行文本輸入框(textarea)替換為可視化的富文本輸入框?？梢詿o縫地與 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); } /* 水印配置結束 */經本人測試可以正常使用，另外一點請注意水印圖片的路徑，根據實際情況而定。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
