xhEditor入门基础

一、下载最新版本xhEditor:http://xheditor.com/download  (官网无法下载,CSDN提供下载：http://download.csdn.net/detail/itmyhome/7741815)

二、将下载的压缩文件解压缩,上传其中的xheditor.min.js以及xheditor_lang、xheditor_emot、xheditor_plugins和xheditor_skin

四个文件夹到网站相应文件夹中。

注：如果您没有使用jQuery框架,也请一并上传jquery.js

三、页面添加以下代码：

<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/xheditor.min.js"></script>
<script type="text/javascript" src="/js/xheditor_lang/zh-cn.js"></script>

注：jQuery和xhEditor的js文件路径请根据你网站具体路径情况相应修改

四、在需要实现可视化的文本框textarea属性中添加：class="xheditor"  例如：

<textarea name="content" rows="10" cols="110" class="xheditor">Hello xHeditor</textarea>

效果如下：

项目演示源码下载：http://download.csdn.net/detail/itmyhome/7741815