类似微信公众号富文本编辑器，带图片上传自动加水印功能

给你几个我喜欢的

逗逼笑话网：doubijoke

励志语录选集：lizhixuanji

搞笑动态图选集：dongtujoke

可口美食网：cnkkmeishi

笑死你我不管：lenjoke

糗事百科选集：qiushijoke

搞笑视频大全集：jokeshipin

女神也搞笑：nvshenjoke

优优星座网：uuxingzuo

国际时事解读：shishijiedu

您好，这样的：

第一步：在模板html页面引入如下文件：

<link rel="stylesheet" href="/data/editor/plugins/code/prettify.css" />

<script charset="utf-8" src="/data/editor/kindeditor.js"></script>

<script charset="utf-8" src="/data/editor/lang/zh_CN.js"></script>

<script charset="utf-8" src="/data/editor/plugins/code/prettify.js"></script>

<script>

KindEditor.ready(function(K) {

var editor1 = K.create('textarea[name="content"]', {

cssPath : '/data/editor/plugins/code/prettify.css',

uploadJson : "/Home/Common/upload",//图片上传后的处理地址

})

prettyPrint()

})

</script>

路径根据自己的项目不同,正确引入即可,uploadJson :

"/Home/Common/upload",

uploadJson后面的就是编辑器上传图片的处理地址，可以根据自己的自行配置

这里交由Home分组的Common控制器的upload方法处理图片上传

第二步:自定义上传处理函数

function upload(){

header("Content-Type:text/htmlcharset=utf-8")

import('ORG.Net.UploadFile')

$upload = new UploadFile()

$upload->maxSize = 3145728

$upload->allowExts = array('jpg', 'gif', 'png', 'jpeg')

$upload->autoSub=true

$upload->subType='date'

$upload->dateFormat='Ym'

$upload->savePath = './upload/article/'

if(!$upload->upload()){

$error['error']=1

$error['message']=$upload->getErrorMsg()

exit(json_encode($error))

}

$info=$upload->getUploadFileInfo()

/*图片水印处理

import('ORG.Util.Image')

$image = new Image()

$image->water($upload->savePath.$info[0]['savename'],'./data/water.png')*/

$data=array(

'url'=>str_replace('./','/',$upload->savePath).$info[0]['savename'],

'error'=>0

)

exit(json_encode($data))

}

这里使用ThinkPHP的上传类处理图片上传,也可以自己写，唯一需要注意的就是返回的格式

查看了下官方的文档:

上传正确返回这种JSON串

{

"error" : 0,

"url" :

"http://www.example.com/path/to/file.ext"

}

上传失败返回这种JSON串

{

"error" : 1,

"message" :

"错误信息"

}

特别需要注意的一点就是返回的error一定要用整数1或是0,别用字符串'1'或'0'

原因是plugins/image/image.js的结果判断是

恒等于 ===

(当初自己就是因为PHP端返回的是字符串形式的'0'不等于整数的0导致上传之后总是d窗报错)。

---