php xheditor 上传图片,WordPress投稿集成xheditor编辑器(支持图片上传)

这两天，倡萌一直在折腾WordPress 投稿功能，在之前的《WordPress添加投稿功能》已经实现的功能：投稿者无需注册即可投稿，提交后稿件后，将自动邮件通知站长审核，审核通过后，将自动发邮件提醒投稿人。当然，邮件发送需要你的主机空间支持mail()函数!

本文主要讲讲Wordpress投稿编辑框集成xheditor编辑器 ，并且支持图片上传(在网上没有找到图片上传的方法，最后还得靠自己测试了一天!)

xheditor简介

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

好了下面开始折腾，先来个效果图：

集成xhEditor

注意：本文提到的所有文件，一定要保存为UTF-8 不含BOM的格式，否则后果自负!!

1、请先查看之前的《WordPress添加投稿功能》，建立好你的投稿页面，再接着往下看。

2、到xheditor官方下载最新版的xhEditor编辑器，解压后，将xheditor_emot、xheditor_plugins、xheditor_skin这3个文件夹和xheditor-1.1.14-zh-cn.min.js复制到现在用的主题文件夹内，重点是在同一个目录。

比如倡萌在现在使用的Hocean主题内建了一个xheditor文件夹，然后将上面说的文件放到这个xheditor文件夹。

3、在主题的header.php文件加载jQuery库和上面的那个js文件,注意修改为自己的路径

注：如果你的主题已经加载了jQuery库，就不要重复添加。

这里还有个小技巧，仅在投稿页面才加载xheditor的js文件，比如，投稿页面的别名是tougao，那可以使用下面的代码<?php wp_reset_query(); if ( is_page('tougao') ) { ?>

4、打开你的投稿页面代码，找到

改为

到这里，应该就可以看到编辑器了，但是还不能正常使用图片上传功能，接下往下折腾。

4、在你下载的xhEditor的 demos 文件夹下找到 upload.php ，打开，按照你的要求修改下面的参数$inputName='filedata';//表单文件域name

$attachDir='upload';//上传文件保存路径，结尾不要带/

$dirType=1;//1:按天存入目录 2:按月存入目录 3:按扩展名存目录 建议使用按天存

$maxAttachSize=2097152;//最大上传大小，默认是2M

$upExt='txt,rar,zip,jpg,jpeg,gif,png,swf,wmv,avi,wma,mp3,mid';//上传扩展名

$msgType=2;//返回上传参数的格式：1，只返回url，2，返回参数数组

$immediate=isset($_GET['immediate'])?$_GET['immediate']:0;//立即上传模式，仅为演示用

ini_set('date.timezone','Asia/Shanghai');//时区

倡萌建议将第二行的路径修改为wordpress默认的上传目录：$attachDir='wp-content/uploads';

当然了，你也可以按照自己的需要更改，但是要注意一点，该目录必须存在，并可写入!!

其他的参数，自己看着办，不懂就不要动。

最重要的一步：将这个upload.php 文件上传到你wordpress的根目录，到此应该就可以正常上传图片了!

如果你想看看实际的效果，请移步倡萌的投稿页面

有朋友还希望能上传ZIP等压缩包，说真的，倡萌不想在折腾了，貌似这个xhEditor编辑器本身也存在缺陷，官方也没有很好的说明方法，倡萌真的不懂了。或许可以通过集成其他的编辑器还实现，但是，真不想折腾了，为了这个，已经折腾了整整两天啊!!

Wordpress下载：

软件大小：6.28MB

软件类别：国外软件 | 博客系统

软件语言：简体中文

运行环境：PHP/Mysql

软件授权：免费版

更新时间：2013-7-24 16:05:30

软件大小：7.37MB

软件类别：国外软件 | 博客系统

软件语言：英文

运行环境：PHP/MySQL

软件授权：开源软件

更新时间：2016-2-3 9:47:33