本文主要介绍如何在PHP环境下使用KindEditor编辑器上传图片。通过示例代码非常详细的介绍,对大家的学习或者工作都有一定的参考价值。有需要的朋友就跟着下面的边肖学习吧。
KindEditor是一个开源的在线HTML编辑器,可以和Java集成。NET,PHP,ASP等程序在后台运行。为了达到图文混排的编辑效果,我们通常使用编辑器的图片上传功能。本文将简单说说KinEditor的基本使用,主要讲解如何在php环境下集成编辑器的图片上传功能!
KindEditor官方下载:http://kindeditor.net/down.php
KindEditor的基本用法编辑:http://kindeditor.net/docs/usage.html
KindEditor初始化参数配置:http://kindeditor.net/docs/option.htm
kind官方案例编辑:http://kindeditor.net/demo.php
php环境下KindEditor上传图片功能的集成
首先我们来看看编辑器自带的图片上传框。编辑可以使用在线图片和本地上传的方式,如下图所示。网络地址设置在file_manager_json.php中,本地上传图片的文件夹设置在upload_json.php中,如何设置接下来会说明。
现在,让我们开始集成图片上传功能。
1)按照上面的步骤介绍css和js,同时初始化编辑器。
/*页面中引入了以下文件
* CSS:kind editor/themes/default/default . CSS
* js:kindeditor/kind editor-all-min . js
* kindeditor/lang/zh-CN.js
*/
//初始化编辑器
KindEditor.ready(函数(K) {
editor=k . create(' textarea[name=' content ']',{
AutoHeightMode: true,//需要自动调整高度时进行配置。
ResizeType: 1,//拖动设置。详情请参考上面第3点,初始化参数配置。
ImageAllowUpload: true,//允许上传图像
AllowFileManager: true,//允许文件管理
WellAtmode: false,//如果不美化html数据,kindeditor会自动美化编辑器的html代码,这样我们输入内容后生成的HTML就会多很多br/标签。如果不需要,可以将这个配置项设置为false。
upload JSON:' kind editor/PHP/upload _ JSON . PHP ',//配置文件上传的界面文件的路径,需要在本地上传图片时需要配置。
manager JSON:' kind editor/PHP/file _ manager _ JSON . PHP ',//配置网络图片加载接口文件的路径。需要使用网络图片加载图片时需要配置。
afterCreate : function() {
this . load plugin(' auto height ');//需要自动调整高度时使用。
},
AfterBlur: function(){ //当编辑器失去焦点时将数据同步到textarea
this . sync();sync的详细功能请参考上面第2点,编辑器的基本使用。
}
});
})
2)在KindEditor中修改upload_json.php文件,确保本地上传文件路径的正确性。
在路径kindeitor/php/的目录下找到upload_json.php文件,我们发现会有以下几行代码:
//文件保存目录的路径
$save_path=$php_path。'./attached/';
//文件保存目录的URL
$save_url=$php_url。'./attached/';
//定义允许上传的文件扩展名
$ext_arr=array(
image'=array('gif ',' jpg ',' jpeg ',' png ',' bmp '),
flash'=array('swf ',' flv '),
media'=array('swf ',' flv ',' mp3 ',' wav ',' wma ',' wmv ',' mid ',' avi ',' mpg ',' asf ',' rm ',' rmvb '),
file'=array('doc ',' docx ',' xls ',' xlsx ',' ppt ',' htm ',' html ',' txt ',' zip ',' rar ',' gz ',' bz2 '),
);
从上面的代码可以看出,kindeditor本地上传的图片,默认会上传到kindeditor/attached/中。如果附加的目录不存在,上传将会失败。我们可以根据自己的代码目录指定本地上传目录。
3)在KindEditor中修改file_manager_json.php文件,保证网络图片路径读取的正确性。
在路径kindeitor/php/的目录下找到file_manager_json.php,我们会发现同样有两行代码与2)中的类似:
//根目录路径,可以指定一个绝对路径,比如/var/www/attached/
$root_path=$php_path。'./attached/';
//根URL,可以指定一个绝对路径,比如http://www.yoursite.com/attached/
$root_url=$php_url。'./attached/';
//图像扩展
$ext_arr=array('gif ',' jpg ',' jpeg ',' png ',' BMP ');
网络地址的默认路径也是kindeditor/attached/,我们可以根据自己的需要修改目录。
关于如何在PHP环境下用KindEditor上传图片的这篇文章到此为止。关于在PHP中使用Kind Editor上传图片的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。