,,KindEditor在php环境下上传图片功能集成的方法示例

,,KindEditor在php环境下上传图片功能集成的方法示例

本文主要介绍如何在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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用php连接mysql数据库,php连接数据库的方法
  • 使用php连接mysql数据库,php连接数据库的方法,一文详解PHP连接MySQL数据库的三种方式
  • 七种php开发环境搭建工具有哪些,七种php开发环境搭建工具包括
  • 七种php开发环境搭建工具有哪些,七种php开发环境搭建工具包括,七种PHP开发环境搭建工具
  • php高并发三种解决方法,php 高并发解决方案
  • php高并发三种解决方法,php 高并发解决方案,PHP解决高并发问题(opcache)
  • php邮件发送的两种方式区别,php邮件发送的两种方式是什么
  • php邮件发送的两种方式区别,php邮件发送的两种方式是什么,php邮件发送的两种方式
  • php跳转页面的几种实现方法详解图,php跳转页面的几种实现方法详解视频
  • php跳转页面的几种实现方法详解图,php跳转页面的几种实现方法详解视频,PHP跳转页面的几种实现方法详解
  • PHP购物车,php立即购买和购物车功能
  • PHP购物车,php立即购买和购物车功能,php实现购物车功能(上)
  • php读取pdf数据,php pdf读取
  • php读取pdf数据,php pdf读取,PHP中使用mpdf 导出PDF文件的实现方法
  • php网站判断用户是否是手机访问的方法有哪些,php如何判断用户是否登录
  • 留言与评论(共有 条评论)
       
    验证码: