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

posted on 2014-08-11 22:25  itmyhome  阅读(125)  评论(0编辑  收藏  举报

导航