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); }
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。