xheditor文本编辑器使用总结

对于以前没有接触或者没有用过这方面的东西的时候，一开始会很烦，这些文本编辑器怎么用？怎样存储文本格式？

用过后才明白这些文本编辑器就是通过js或者jQuery把编辑的文本格式转化为CSS样式，然后把样式和文本一同存入数据库中，然后再用的时候读取出来就行。这里刚学习开发的朋友可能会有一些问题，这些格式读取出来在前台显示的是源代码，而没有把CSS格式显示出来。这个问题其实很容易搞定，比如Jsp，在前台可以把读取出来的"据通过Java代码来输出（如：out.print("要输出的内容");），而不是用html标签输出，这样就可以完成对文本的编辑输出了，希望对大家有帮助。

另附上xheditor的用法：

您只需按照以下简单步骤即可学会使用xhEditor：

1. 下载最新版本xhEditor:http://xheditor.com/download
2. 将下载的压缩文件解压缩，上传其中的xheditor.min.js以及xheditor_lang、xheditor_emot、xheditor_plugins和xheditor_skin四个文件夹到网站相应文件夹中。
   注：如果您网站中没有使用jQuery框架，也请一并上传jquery文件夹中的jquery-1.4.4.min.js
3. 在需要调用xhEditor编辑器的网页head标签结束之前添加以下代码：

   <script type="text/javascript" src="/js/jquery-1.4.4.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文件路径请根据你网站具体路径情况相应修改
4. 在需要实现可视化的文本框textarea属性中添加：

    class="xheditor"
   例如：<textarea name="content" class="xheditor">test</textarea>

经过以上步骤，你就已经成功的将xhEditor编辑器安装在你的网页中。