xheditor编辑器使用体验，附快速安装教程

最近沉迷做php项目无法自拔，毕竟处于快毕业的前夕，我也不想出去工作之后什么拿得出手的东西都没有，所以一直在把之前做模板或者研究其它东西的时间做项目。随后在前几天不可避免的需要制作文章管理的模块，然而html中textarea标签根本无法满足对文章进行更加丰富编辑的要求，所以我开始寻找一个可以拥有比较完善功能的网页编辑器插件。这个过程也尝试了很多，但是有些太复杂了，我这样不够复杂的小项目根本达不到编辑器的要求，在尝试了很久知道，才找到无论安装还是使用都比较简洁的xheditor编辑器插件。

首先我来说说使用的体验：

1.功能简单，实用，该有的全都有，包括动画，媒体，表情等。
2.操作起来比较方面，写文章的时候可以随意的定义样式，不会太麻烦
3.支持查看源代码之类的操作，还包括全屏编辑功能
4.唯一不足的就是，没有代码高亮这种功能，但是体积小没有也正常

安装教程如下：

1.将源码包解压到网站根目录，在需要应用编辑器的页面引入js样式：

<script type="text/javascript" src="<?php echo $ty_url;?>/xheditor/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<?php echo $ty_url;?>/xheditor/xheditor-1.1.14-zh-cn.min.js"></script>

2.找到网页上的textarea标签，新定义一个class="xheditor"，比如我的代码就是这样：

<textarea rows="3" cols="20" name="articletext" class="xheditor"></textarea>

最后，感觉整个过程真心简单，具体的效果我已经放在文章前面了，多谢这些编辑器插件，让做前端不至于那么累。