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

  • 时间:
  • 浏览:0
  • 来源:幸运快3_快3口诀_幸运快3口诀
作者:胡倡萌 hihi 来源:倡萌的自留地 浏览: 2012-9-28 17:28:13 字号:大 中 小

[摘要]本文主要讲讲Wordpress投稿编辑框r怎么集成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官方

  好了下面开使折腾,先来个效果图:

集成xhEditor

  注意:本文提到的所有文件,一定要保存为UTF-8 不含BOM的格式,但会 后果自负!!

  1、请先查看随后的《WordPress加进投稿功能》,建立好你的投稿页面,再接着往下看。

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

  比如倡萌在现在使用的Hocean主题内建了一个多 xheditor文件夹,但会 将上边说的文件装入你这人xheditor文件夹。

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

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/xheditor/xheditor-1.1.14-zh-cn.min.js"></script>

  注:怎么但会 你的主题但会 加载了jQuery库,就未必重复加进。

  这里还有个小技巧,仅在投稿页面才加载xheditor的js文件,比如,投稿页面的别名是tougao,那可能够够使用下面的代码

<?php wp_reset_query(); if ( is_page('tougao') ) { ?>

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/xheditor/xheditor-1.1.14-zh-cn.min.js"></script>

<?php } ?>

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

<textarea rows="15" cols="55" id="tougao_content" name="tougao_content"></textarea>

  改为

<textarea rows="15" cols="55" id="tougao_content" name="tougao_content" class="xheditor-mfull {height:'3400',urlType:'abs',upImgUrl:'upload.php?immediate=1',upImgExt:'jpg,jpeg,gif,png'}"></textarea>

  到这里,应该就可能够够看到编辑器了,但会 还只有正常使用图片上传功能,接下往下折腾。

  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下载:

本文转自:http://www.cmhello.com/wordpress-xheditor.html

sssss
Tags: WordPress   WordPress xheditor   wordpress投稿集成xheditor  
责任编辑:cc120