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

 更新时间:2020年07月20日 12:13:10   作者:飞翔在蓝天下的蜂鸟  
这篇文章主要介绍了PHP环境下如何实现使用KindEditor编辑器上传图片,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

  1. KindEditor 官方下载:http://kindeditor.net/down.php
  2. KindEditor 编辑器的基本使用:http://kindeditor.net/docs/usage.html
  3. KindEditor 初始化参数配置:http://kindeditor.net/docs/option.htm
  4. KindEditor 官方案例: http://kindeditor.net/demo.php
  5. KindEditor在php环境下上传图片功能集成

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

在这里插入图片描述

在这里插入图片描述

下面,我们就开始集成图片上传功能吧。

1)根据上述步骤引入css和js,同时初始化编辑器。

/* 页面已引入以下文件
 *	css: kindeditor/themes/default/default.css
 *	js: kindeditor/kindeditor-all-min.js
 *		 kindeditor/lang/zh-CN.js
 */
 
 // 初始化编辑器
 KindEditor.ready(function(K) {
 editor = K.create('textarea[name="content"]', {
  autoHeightMode : true, // 需自动调整高度时配置
  resizeType: 1, //拖拽设置,详情参考上述第3点,初始化参数配置
  allowImageUpload: true, // 允许图片上传
  allowFileManager: true, // 允许文件管理
  wellFormatMode: false, // 不美化HTML数据,kindeditor会自动美化编辑器的html代码,这样我们输入内容之后生成的html会多很多的<br/>标签,如不需要可将此配置项设置为false.
  uploadJson: 'kindeditor/php/upload_json.php', // 配置文件上传的接口文件的路径,需要使用 本地上传 图片时需配置
  fileManagerJson : 'kindeditor/php/file_manager_json.php', // 配置网络图片加载的接口文件的路径,需要使用 网络图片 加载图片时需配置
  afterCreate : function() {
   this.loadPlugin('autoheight'); // 需自动调整高度时使用
  },
  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/ 下面,如果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 KindEditor编辑器上传图片内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Thinkphp3.2.3整合phpqrcode生成带logo的二维码

    Thinkphp3.2.3整合phpqrcode生成带logo的二维码

    这篇文章主要为大家详细介绍了Thinkphp3.2.3整合phpqrcode生成带logo的二维码的实现方法,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • php实现MD5加密16位(不要默认的32位)

    php实现MD5加密16位(不要默认的32位)

    今天做了个php链接mssql数据库,数据库中的表中字段使用MD5十六加密的。但是php中的MD5默认是32位,导致登录程序没办法使用md5加密跟表中字段匹配,在网上一搜也有不少人有这方面的困惑,后来找到一个解决办法,是正确的,就记录下来
    2013-08-08
  • ThinkPHP删除栏目(实现批量删除栏目)

    ThinkPHP删除栏目(实现批量删除栏目)

    下面小编就为大家带来一篇ThinkPHP删除栏目(实现批量删除栏目)。小编觉得挺不错的。现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • php里array_work用法实例分析

    php里array_work用法实例分析

    这篇文章主要介绍了php里array_work用法,实例分析了array_work方法实现针对数组中每个元素应用函数返回的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 探讨:如何通过stats命令分析Memcached的内部状态

    探讨:如何通过stats命令分析Memcached的内部状态

    本篇文章是对通过stats命令分析Memcached的内部状态进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • PHP命名空间用法实例分析

    PHP命名空间用法实例分析

    这篇文章主要介绍了PHP命名空间用法,结合实例形式分析了php命名空间的定义与简单使用操作技巧,需要的朋友可以参考下
    2019-09-09
  • 基于PHP开发中的安全防范知识详解

    基于PHP开发中的安全防范知识详解

    本篇文章是对PHP开发中的安全防范知识进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • php表单提交程序的安全使用方法

    php表单提交程序的安全使用方法

    是对一个接收自由提交表单数据的文件进行安全性分析,希望对各位有帮助。首先说明一下,代码中的error()和succeed()是我自定义的函数
    2008-07-07
  • php实现按天数、星期、月份查询的搜索框

    php实现按天数、星期、月份查询的搜索框

    这篇文章主要介绍了php实现按天数、星期、月份查询的搜索框的相关资料,需要的朋友可以参考下
    2016-05-05
  • PHP操作Redis数据库常用方法示例

    PHP操作Redis数据库常用方法示例

    这篇文章主要介绍了PHP操作Redis数据库常用方法,结合实例形式总结分析了php针对redis数据库连接、字符串、列表、hash字典、set集合等数据类型相关操作技巧,需要的朋友可以参考下
    2018-08-08

最新评论