&&&&kindeditor增强缩略图和水印
&kindeditor增强缩略图和水印
很好用的软件.一个用于网站开发使用的工具.
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
您可能还需要
Q.为什么我点的下载下不了，但积分却被扣了
A. 由于下载人数众多，下载服务器做了并发的限制。若发现下载不了，请稍后再试，多次下载是不会重复扣分的。
Q.我的积分不多了，如何获取积分？
A. 获得积分，详细见。
完成任务获取积分。
论坛可用分兑换下载积分。
第一次绑定手机，将获得5个C币，C币可。
关注并绑定CSDNID，送10个下载分
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意，不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台，并不能对任何下载资源负责
下载资源中如有侵权或不适当内容，
本站不保证本站提供的资源的准确性，安全性和完整性，同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
信息化下载排行
积分不够下载该资源
如何快速获得积分？
你下载资源过于频繁，请输入验证码
如何快速获得积分？
你已经下载过该资源，再次下载不需要扣除积分
kindeditor增强缩略图和水印
所需积分：5
剩余积分：0
扫描微信二维码精彩活动、课程更新抢先知
VIP会员，免积分下载
会员到期时间：日
剩余下载次数：1000
VIP服务公告:帝国cms教程：帝国cms 整合 KindEditor 编辑器
系统分类： -
版权信息： "帝国cms教程"栏目内，站内会员所分享的全部资料，仅供学习与参考，版权为原作者所有。
江苏省淮安市 / 设计师
1、下载KindEditor；（自己百度）2、将解压出来的kindeditor文件夹上传到e/data/ecmseditor/目录下；3、进入帝国cms后台--系统--管理数据库--新闻系统数据表&&( phome_ecms_news)--管理字段--字段名newstext修改--输入表单替换html代码输入如下代码：&&&link&rel=&stylesheet&&href=&/e/data/ecmseditor/kindeditor/themes/default/default.css&&/&
&&&&&link&rel=&stylesheet&&href=&/e/data/ecmseditor/kindeditor/plugins/code/prettify.css&&/&
&&&&&script&charset=&utf-8&&src=&/e/data/ecmseditor/kindeditor/kindeditor.js&&&/script&
&&&&&script&charset=&utf-8&&src=&/e/data/ecmseditor/kindeditor/lang/zh_CN.js&&&/script&
&&&&&script&charset=&utf-8&&src=&/e/data/ecmseditor/kindeditor/plugins/code/prettify.js&&&/script&
&&&&&script&
&&&&&&&&KindEditor.ready(function(K)&{
&&&&&&&&&&&&var&editor1&=&K.create('textarea[name=&newstext&]',&{
&&&&&&&&&&&&&&&&cssPath&:&'/e/data/ecmseditor/kindeditor/plugins/code/prettify.css',
&&&&&&&&&&&&&&&&uploadJson&:&'/e/data/ecmseditor/kindeditor/php/upload_json.php',
&&&&&&&&&&&&&&&&fileManagerJson&:&'/e/data/ecmseditor/kindeditor/php/file_manager_json.php',
&&&&&&&&&&&&&&&&allowFileManager&:&true,
&&&&&&&&&&&&&&&&afterCreate&:&function()&{
&&&&&&&&&&&&&&&&&&&&var&self&=&
&&&&&&&&&&&&&&&&&&&&K.ctrl(document,&13,&function()&{
&&&&&&&&&&&&&&&&&&&&&&&&self.sync();
&&&&&&&&&&&&&&&&&&&&&&&&K('form[name=example]')[0].submit();
&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&&&&&K.ctrl(self.edit.doc,&13,&function()&{
&&&&&&&&&&&&&&&&&&&&&&&&self.sync();
&&&&&&&&&&&&&&&&&&&&&&&&K('form[name=example]')[0].submit();
&&&&&&&&&&&&&&&&&&&&});
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&});
&&&&&&&&&&&&prettyPrint();
&&&&&&&&});
&&&&&/script&
&textarea&name=&newstext&&style=&width:100%;height:300visibility:&&&?=$ecmsfirstpost==1?&&:stripSlashes($r[newstext])?&&&/textarea&
&!--以上为kindeditor示例代码，以下为原有代码--&
&table&width=&100%&&border=&0&&cellpadding=&3&&cellspacing=&1&&bgcolor=&#DBEAF5&&
&td&bgcolor=&#FFFFFF&&&&input&name=&dokey&&type=&checkbox&&value=&1&&?=$r[dokey]==1?'&checked':''?&&
关键字替换&&&&input&name=&copyimg&&type=&checkbox&&id=&copyimg&&value=&1&&
远程保存图片(
&input&name=&mark&&type=&checkbox&&id=&mark&&value=&1&&
&a&href=&SetEnews.php&&target=&_blank&&加水印&/a&)&&&
&input&name=&copyflash&&type=&checkbox&&id=&copyflash&&value=&1&&
远程保存FLASH(地址前缀：&
&input&name=&qz_url&&type=&text&&id=&qz_url&&size=&&&
&&&&&&&&&&&&&&&
&td&bgcolor=&#FFFFFF&&&input&name=&repimgnexturl&&type=&checkbox&&id=&repimgnexturl&&value=&1&&&图片链接转为下一页&&&&input&name=&autopage&&type=&checkbox&&id=&autopage&&value=&1&&自动分页
&input&name=&autosize&&type=&text&&id=&autosize&&value=&5000&&size=&5&&
个字节为一页&&&取第&
&input&name=&getfirsttitlepic&&type=&text&&id=&getfirsttitlepic&&value=&&&size=&1&&
张上传图为标题图片(&
&input&name=&getfirsttitlespic&&type=&checkbox&&id=&getfirsttitlespic&&value=&1&&
缩略图:&宽&
&input&name=&getfirsttitlespicw&&type=&text&&id=&getfirsttitlespicw&&size=&3&&value=&&?=$public_r[spicwidth]?&&&
&input&name=&getfirsttitlespich&&type=&text&&id=&getfirsttitlespich&&size=&3&&value=&&?=$public_r[spicheight]?&&&
&/table&4、修改kindeditor/php/目录下的upload_json.php和file_manager_json.php文件中的路径；
附件下载：次
收藏后可以在里查看,看到好的文章记得收藏哦!
江苏省淮安市 / 设计师
全部评论()
全部推荐()KindEditor改仿贴吧编辑器(PHP-DEMO)
→使用KindEditor为基础；
→采用SwfUpload，支持批量上传；
→AJAX相册调用图片；
→2种规格缩略图(方形、等宽图)；（词条-相关词数量）
（推荐度-词条-相关词数）KindEditor修改图片上传
因实际需要对上传的图片进行缩略、添加水印效果，对KindEditor进行了一次修改。
版本 kindeditor-4.1.7.zip
效果图如下：
下面是步骤：
一、修改 kindeditor\plugins\image\image.js 文件
在77行的form表单中添加自己需要的表单内容
'&form class="ke-upload-area ke-form" method="post"
enctype="multipart/form-data" target="' + target + '" action="' +
K.addParam(uploadJson, 'dir=image') + '"&',
'&input type="hidden" name="hub_id" value="' +
self.hub_id + '" /&',
'&div class="ke-dialog-row"&',
hiddenElements.join(''),
'&label style="width:60"&' +
lang.localUrl + '&/label&',
'&input type="text" name="localUrl"
class="ke-input-text" tabindex="-1" style="width:200"
readonly="true" /& &',
'&input type="button" class="ke-upload-button"
value="' + lang.upload + '" /&',
'&div class="ke-dialog-row"&',
'&input type="radio" id="thum0" name="thum"
value="0" checked="checked" /&&label
for="thum0"&' + lang.thum0 +
'&/label&',
'&input type="radio" id="thum1" name="thum"
value="1" /&&label
for="thum1"&' + lang.thum1 +
'&/label&',
lang.thumw,
'&input type="text" name="thumw" value="500"
size="4" /&',
'&input type="radio" id="wm0" name="wm" value="0"
checked="checked" /&&label
for="wm0"&' + lang.wm0 +
'&/label&',
'&input type="radio" id="wm1" name="wm" value="1"
/&&label for="wm1"&' +
lang.wm1 + '&/label&',
'&input type="radio" id="wm2" name="wm" value="2"
/&&label for="wm2"&' +
lang.wm2 + '&/label&',
'&input type="radio" id="pos1" name="pos" value="1"
/&&label for="pos1"&'
+ lang.watermarkPos1 +
'&/label&',
'&input type="radio" id="pos2" name="pos" value="2"
/&&label for="pos2"&'
+ lang.watermarkPos2 +
'&/label&',
'&input type="radio" id="pos3" name="pos" value="3"
/&&label for="pos3"&'
+ lang.watermarkPos3 +
'&/label&',
'&input type="radio" id="pos4" name="pos" value="4"
/&&label for="pos4"&'
+ lang.watermarkPos4 +
'&/label&',
'&input type="radio" id="pos5" name="pos" value="5"
/&&label for="pos5"&'
+ lang.watermarkPos5 +
'&/label&',
'&input type="radio" id="pos6" name="pos" value="6"
/&&label for="pos6"&'
+ lang.watermarkPos6 +
'&/label&',
'&input type="radio" id="pos7" name="pos" value="7"
/&&label for="pos7"&'
+ lang.watermarkPos7 +
'&/label&',
'&input type="radio" id="pos8" name="pos" value="8"
/&&label for="pos8"&'
+ lang.watermarkPos8 +
'&/label&',
'&input type="radio" id="pos9" name="pos" value="9"
checked="checked" /&&label
for="pos9"&' + lang.watermarkPos9 +
'&/label&',
'&input type="radio" id="pos0" name="pos" value="0"
/&&label for="pos0"&'
+ lang.watermarkPos0 +
'&/label&',
'&/form&',
二、修改语言包
找到image部分的代码，添加自己需要的名称
1、kindeditor\lang\zh_CN.js文件
'image.remoteImage' : '网络图片',
'image.localImage' : '本地上传',
'image.remoteUrl' : '图片地址',
'image.localUrl' : '上传文件',
'image.size' : '图片大小',
'image.width' : '宽',
'image.height' : '高',
'image.resetSize' : '重置大小',
'image.align' : '对齐方式',
'image.defaultAlign' : '默认方式',
'image.leftAlign' : '左对齐',
'image.rightAlign' : '右对齐',
'image.imgTitle' : '图片说明',
'image.upload' : '浏览...',
'image.viewServer' : '图片空间',
'image.thum0' : '不缩略',
'image.thum1' : '缩略图',
'image.thumw' : '宽度',
'image.wm0' : '无水印',
'image.wm1' : '水印1',
'image.wm2' : '水印2',
'image.watermarkPos1' : '左上',
'image.watermarkPos2' : '中上',
'image.watermarkPos3' : '右上',
'image.watermarkPos4' : '左中',
'image.watermarkPos5' : '中中',
'image.watermarkPos6' : '右中',
'image.watermarkPos7' : '左下',
'image.watermarkPos8' : '中下',
'image.watermarkPos9' : '右下',
'image.watermarkPos0' : '随机',
2、kindeditor\lang\en.js文件
'image.remoteImage' : 'Insert URL',
'image.localImage' : 'Upload',
'image.remoteUrl' : 'URL',
'image.localUrl' : 'File',
'image.size' : 'Size',
'image.width' : 'Width',
'image.height' : 'Height',
'image.resetSize' : 'Reset dimensions',
'image.align' : 'Align',
'image.defaultAlign' : 'Default',
'image.leftAlign' : 'Left',
'image.rightAlign' : 'Right',
'image.imgTitle' : 'Title',
'image.upload' : 'Browse',
'image.viewServer' : 'Browse',
'image.thum0' : 'No Thumbnail',
'image.thum1' : 'Do Thumbnail',
'image.thumw' : 'Width',
'image.wm0' : 'nothing',
'image.wm1' : 'watermark1',
'image.wm2' : 'watermark2',
'image.watermarkPos1' : 'TopLeft',
'image.watermarkPos2' : 'TopCenter',
'image.watermarkPos3' : 'TopRight',
'image.watermarkPos4' : 'MiddleLeft',
'image.watermarkPos5' : 'MiddleCenter',
'image.watermarkPos6' : 'MiddleRight',
'image.watermarkPos7' : 'BottomLeft',
'image.watermarkPos8' : 'BottomCenter',
'image.watermarkPos9' : 'BottomRight',
'image.watermarkPos0' : 'Random',
三、修改php上传程序 kindeditor\php\upload_json.php
1、修改为自己的图片保存路径
//文件保存目录路径
$save_path = $php_path . '../attached/';
$save_path = '/var/www/html/aaa/images/';
//文件保存目录URL
$save_url = $php_url . '../attached/';
$save_url = '/images/';
2、接收表单数据
$thum& = intval($_POST['thum']);
$thumw = intval($_POST['thumw']);
intval($_POST['wm']);
intval($_POST['pos']);
&&& #缩略图片
is_file( $file_path ) && $thum=='1'
$thumw = $thumw ? $thumw : 500;
resizeimage($file_path, $file_path, $thumw, 10000);
&&& #添加水印
&&& if ( $wm ==
'1' && is_file( $file_path )
$watermark = '../../images/zjmark.png';
imageWater($file_path,$watermark,$pos);
&&& }elseif (
$wm == '2' && is_file( $file_path )
$watermark = '../../images/automark.png';
imageWater($file_path,$watermark,$pos);
另附php缩略函数、水印函数。大家可以根据自己的需求修改。
function imageWater($sFile,$watermark,$pos=9){
&&& if($imType1
= getimagesize($sFile)){
$imType2 = getimagesize($watermark);
$imagex1 = $imType1[0];
$imagey1 = $imType1[1];
$type1&& = $imType1[2];
$imagex2 = $imType2[0];
$imagey2 = $imType2[1];
$type2&& = $imType2[2];
switch($type1) {
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$image1 = imagecreatefromgif($sFile);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$image1 = imagecreatefromjpeg($sFile);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$image1 = imagecreatefrompng($sFile);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
switch($type2) {
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$image2 = imagecreatefromgif($watermark);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$image2 = imagecreatefromjpeg($watermark);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$image2 = imagecreatefrompng($watermark);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
switch($pos)
&&&&&&&&&&&
case 0: #随机
&&&&&&&&&&&&&&&
$dst_x = rand(0,($imagex1 - $imagex2));
&&&&&&&&&&&&&&&
$dst_y = rand(0,($imagey1 - $imagey2));
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 1: #1为顶端居左
&&&&&&&&&&&&&&&
$dst_x = 0;
&&&&&&&&&&&&&&&
$dst_y = 0;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 2: #2为顶端居中
&&&&&&&&&&&&&&&
$dst_x = ($imagex1 - $imagex2) / 2;
&&&&&&&&&&&&&&&
$dst_y = 0;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 3: #3为顶端居右
&&&&&&&&&&&&&&&
$dst_x = $imagex1 - $imagex2;
&&&&&&&&&&&&&&&
$dst_y = 0;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 4: #4为中部居左
&&&&&&&&&&&&&&&
$dst_x = 0;
&&&&&&&&&&&&&&&
$dst_y = ($imagey1 - $imagey2) / 2;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 5: #5为中部居中
&&&&&&&&&&&&&&&
$dst_x = ($imagex1 - $imagex2) / 2;
&&&&&&&&&&&&&&&
$dst_y = ($imagey1 - $imagey2) / 2;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 6: #6为中部居右
&&&&&&&&&&&&&&&
$dst_x = $imagex1 - $imagex2;
&&&&&&&&&&&&&&&
$dst_y = ($imagey1 - $imagey2) / 2;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 7: #7为底端居左
&&&&&&&&&&&&&&&
$dst_x = 0;
&&&&&&&&&&&&&&&
$dst_y = $imagey1 - $imagey2;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 8: #8为底端居中
&&&&&&&&&&&&&&&
$dst_x = ($imagex1 - $imagex2) / 2;
&&&&&&&&&&&&&&&
$dst_y = $imagey1 - $imagey2;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
case 9: #9为底端居右
&&&&&&&&&&&&&&&
$dst_x = $imagex1 - $imagex2;
&&&&&&&&&&&&&&&
$dst_y = $imagey1 - $imagey2;
&&&&&&&&&&&&&&&
&&&&&&&&&&&
default: #随机
&&&&&&&&&&&&&&&
$dst_x = rand(0,($imagex1 - $imagex2));
&&&&&&&&&&&&&&&
$dst_y = rand(0,($imagey1 -
$imagey2));&&&&
imagecopy ( $image1, $image2, $dst_x, $dst_y, 0, 0, $imagex2,
$imagey2 );
switch($type1) {
&&&&&&&&&&&
&&&&&&&&&&&&&&&
imagegif($image1, $sFile);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
imagejpeg($image1, $sFile);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
imagepng($image1, $sFile);
&&&&&&&&&&&&&&&
&&&&&&&&&&&
imagedestroy($image1);
imagedestroy($image2);
function resizeimage($srcfile, $dstfile,$maxwidth,
$maxheight){
$size=getimagesize($srcfile);
switch($size[2]){
$img=imagecreatefromgif($srcfile);
$img=imagecreatefromjpeg($srcfile);
$img=imagecreatefrompng($srcfile);
#源图片的宽度和高度&&
$srcw=imagesx($img);&&
$srch=imagesy($img);&&
#目的图片的宽度和高度&&
if(($maxwidth && $srcw
& $maxwidth) || ($maxheight
&& $srch &
$maxheight)){
if($maxwidth && $srcw
& $maxwidth)
&&&&&&&&&&&
$widthratio = $maxwidth/$
&&&&&&&&&&&
$resizewidth_tag =
if($maxheight && $srch
& $maxheight)
&&&&&&&&&&&
$heightratio = $maxheight/$
&&&&&&&&&&&
$resizeheight_tag =
if($resizewidth_tag &&
$resizeheight_tag)
&&&&&&&&&&&
if($widthratio & $heightratio)
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$ratio = $
&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&
&&&&&&&&&&&&&&&
$ratio = $
&&&&&&&&&&&
if($resizewidth_tag &&
!$resizeheight_tag)
&&&&&&&&&&&
$ratio = $
if($resizeheight_tag &&
!$resizewidth_tag)
&&&&&&&&&&&
$ratio = $
&&& if(!$ratio)
$ratio = 1;
$dstw=floor($srcw*$ratio);&&
$dsth=floor($srch*$ratio);&&
#新建一个真彩色图像&&
$im=imagecreatetruecolor($dstw,$dsth);&&
$black=imagecolorallocate($im,255,255,255);&&
imagefilledrectangle($im,0,0,$dstw,$dsth,$black);&&
#imagecopyresized($im,$img,0,0,0,0,$dstw,$dsth,$srcw,$srch);#
imagecopyresized()函数在所有GD版本中有效,但其缩放图像的算法比较粗糙.
imagecopyresampled($im,$img,0,0,0,0,$dstw,$dsth,$srcw,$srch);#
imagecopyresampled()其像素插值算法得到的图像边缘比较平滑.质量较好(但该函数的速度比
ImageCopyResized()慢
switch($size[2]) {
imagegif($im, $dstfile);
imagejpeg($im, $dstfile);
imagepng($im, $dstfile);
imagedestroy($im);&&
imagedestroy($img);
&&& return
在文章中插入自己的分页标记，且让分页标记不处于段落中
var cmd = editor.
cmd.split(true);
editor.insertHtml(pagetag);
&p&这是一段用来测试分页标记的文章&/p&
插入分页标记#--#后的效果
&p&这是一段用来测试&/p&
&p&分页标记的文章&/p&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}