一、下载最新版本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>
效果如下: