1.解压放入php项目静态资源文件夹,如下图:
Paste_Image.png
2.如果只是php使用,可以删除其它类型语言的文件夹,文件结构如下图:
Paste_Image.png
3.打开php文件夹,更改upload_json.php里文件上传目录文件夹至Uploads,修改上传文件大小限制。如下图:
Paste_Image.png
4.然后效果图如下:
Paste_Image.png
firebug审查提交数据,经测试可以正常获取使用KindEditor4.x获取图片实时上传和textarea内容!
Paste_Image.png
代码如下:
封面图:
//图片数据
内容://文本域内容
//引入jquery文件
KindEditor.ready(function(K) {
//textarea
editor = K.create('#contents', {
//themeType: 'simple',
resizeType : 1,
allowImageRemote : true,
width : '60%',
height : '40%',
uploadJson: '__PUBLIC__/kindeditor/php/upload_json.php',
fileManagerJson: '__PUBLIC__/kindeditor/php/file_manager_json.php',
//items : ['source','bold','italic','underline','forecolor','image'],
afterCreate: function(){this.sync();}, //此行可不写,不影响获取textarea的值
afterBlur : function(){this.sync();}//需要添加的
});
//封面图实时上传
K('#image').click(function() {
editor.loadPlugin('image', function() {
editor.plugin.imageDialog({
imageUrl : K('#url').val(),
clickFn : function(url, title, width, height, border, align) {
K('#url').val(url);
K("#image_show").html('![]('+url+')');
editor.hideDialog();
}
});
});
});
});