一、下载最新版本xhEditor:http://xheditor.com/download (官网无法下载,CSDN提供下载：http://download.csdn.net/detail/blog.ytso.com/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/blog.ytso.com/7741815
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/14478.html