KindEditor在php环境下怎么实现上传图片功能集成 - 行业资讯

　　介绍

这篇文章主要讲解了“KindEditor在php环境下怎么实现上传图片功能集成”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“KindEditor在php环境下怎么实现上传图片功能集成”吧!

KindEditor是一套开源的在HTML线编辑器,后台可与Java、。网、PHP、ASP等程序集成。为实现图文混排的编辑效果,我们通常都会用到编辑器的图片上传功能,本文会简单讲一下KinEditor的基本使用,主要说明如何在PHP环境下,集成编辑器的图片上传功能!

<李>

KindEditor官方下载:http://kindeditor.net/down.php

<李>

KindEditor编辑器的基本使用:http://kindeditor.net/docs/usage.html

<李>

KindEditor初始化参数配置:http://kindeditor.net/docs/option.htm

<李>

KindEditor官方案例:http://kindeditor.net/demo.php

<李>

KindEditor在PHP环境下上传图片功能集成

首先,我们先看一下编辑器里面自带的图片上传弹框,编辑器可使用网络图片和本地上传种方式,如下图。网络图片地址在file_manager_json。php里面设置,本地上传的图片上传的文件夹在upload_json。php里面设置,如何设置接下来会有说明。

KindEditor在php环境下怎么实现上传图片功能集成

KindEditor在php环境下怎么实现上传图片功能集成“> 下面,我们就开始集成图片上传功能吧。 1)根据上述步骤引入css和javascript,同时初始化编辑器。 <pre类= /*,页面已引入以下文件　　,* css: kindeditor/主题/违约/default 　　,* js: kindeditor/kindeditor-all-min.js 　　,* kindeditor/lang/zh-CN.js 　　,*/, 　　,//初始化编辑器　　,KindEditor.ready(函数(K), {=,,editor K.create (& # 39; textarea [name=癱ontent"] & # 39;,, { 　　autoHeightMode 才能:真的,,//,需自动调整高度时配置　　resizeType才能:1,,//拖拽设置,详情参考上述第3点,初始化参数配置　　allowImageUpload才能:真的,,//,允许图片上传　　allowFileManager才能:真的,,//,允许文件管理　　wellFormatMode才能:假的,,//,不美化HTML数据,kindeditor会自动美化编辑器的HTML代码,这样我们输入内容之后生成的HTML会多很多的& lt; br/祝辞标签,如不需要可将此配置项设置为假。　　uploadJson才能:& # 39;kindeditor/php/upload_json.php& # 39;,,//,配置文件上传的接口文件的路径,需要使用,本地上传,图片时需配置　　fileManagerJson 才能:& # 39;kindeditor/php/file_manager_json.php& # 39;,,//,配置网络图片加载的接口文件的路径,需要使用,网络图片,加载图片时需配置　　afterCreate 才能:函数(),{ 　　,,this.loadPlugin (& # 39; autoheight& # 39;);,//,需自动调整高度时使用　　,,}, 　　afterBlur才能:函数(){//大敌;编辑器失去焦点时将数据同步到文本区域　　,,this.sync();,//,同步的详细作用可参考上述第2点,编辑器的基本使用　　,,} 　　,}); 　　})

2)修改KindEditor中的upload_json。php文件,保证本地上传文件路径的正确性。
在路径kindeitor/php/目录下找到upload_json。php文件,我们发现会有下面几行代码:

//文件保存目录路径　　save_path 美元;=,php_path 美元;只& # 39;附加. .//& # 39;;//文件保存目录URL 　　save_url 美元;=,php_url 美元;只& # 39;附加. .//& # 39;;//定义允许上传的文件扩展名　　$ ext_arr =,阵列( 　　& # 39;图像# 39;,=祝辞,数组(& # 39;gif # 39;,, & # 39; jpg # 39;,, & # 39; jpeg # 39;,, & # 39; png # 39;,, & # 39; bmp # 39;), 　　& # 39;flash # 39;,=祝辞,数组(& # 39;swf # 39;,, & # 39; flv # 39;), 　　& # 39;媒体# 39;,=祝辞,数组(& # 39;swf # 39;,, & # 39; flv # 39;,, & # 39; mp3 # 39;,, & # 39; wav # 39;,, & # 39; wma # 39;,, & # 39; wmv # 39;,, & # 39;中期# 39;,,& # 39;avi # 39;,, & # 39; mpg # 39;,, & # 39; asf # 39;,, & # 39; rm # 39;,, & # 39; rmvb # 39;), 　　& # 39;文件# 39;,=祝辞,数组(& # 39;医生# 39;,,& # 39;多克斯# 39;,,& # 39;xls # 39;,, & # 39; xlsx& # 39;,, & # 39; ppt # 39;,, & # 39; htm # 39;,, & # 39; html # 39;,, & # 39; txt # 39;,, & # 39;邮政# 39;,,& # 39;rar # 39;,, & # 39;广州# 39;,,& # 39;bz2& # 39;), 　　);

从上面代码可以看的出,kindeditor本地上传的图片默认会上传到kindeditor/上/下面,如果附目录不存在,则会上传失败。我们可以根据自身代码目录指定本地上传的目录。