一個博客、cms網站都一定會用到一個html編輯器，剛好xmfdsh在做網站時候需要用到這類編輯器，在對比了之后，發現其實差不了多少，剛好一個不錯的friend在用xheditor，想到后面有不懂的還可以請教下，所以選擇了這個xheditor，那么這個html到底怎么使用呢？？摸索了一個晚上個人覺得對於初學者，xheditor的使用教程實在還應該加上一些注意的地方。好，廢話不多說，這里就來說一下怎么去使用這個編輯器。
第一步：下載這個軟件http://xheditor.com/download
第二步：下載解壓好了后把其中xheditor-1.2.1.min.js，以及xheditor_emot、xheditor_lang、xheditor_plugins、xheditor_skin這幾個文件夾一起弄到自己的網站下，最好保持在同一個路徑啦，如果jquery的版本不一樣，個人覺得最好還是把jquery文件夾里面的jquery也放進網站目錄
第三步：在網站的<head></head>中引用三個文件，如下代碼：
<script src="~/editor/jquery/jquery-1.4.4.min.js"></script>
<script src="~/editor/xheditor-1.2.1.min.js"></script>
<script src="~/editor/xheditor_lang/zh-cn.js"></script>
第四步：這時候就是初始化編輯器了，兩個方法
在textarea上添加屬性： class="xheditor"
例如：<textarea name="content" class="xheditor">test</textarea>
第二種就是用jquery初始化，個人比較偏向這個方法，可能xmfdsh剛剛用了easyui做東西所以對jquery有點熱情吧，貼一下我初始化代碼如下：
<script> $(function () { // 初始化在線編輯器 $('#Content').xheditor({ tools: 'full', width: '100%', height: '450', upBtnText: '上傳', }); });
</script>
上面的$('#Content')明顯是id選擇器，因此對應的下面xmfdsh網站有個<textarea id="Content" name="Content" placeholder="請輸入內容"></textarea>
上面這些初始化參數其實沒必要和xmfdsh的一樣，大家可以有自己的一套，參數我這里就不說了，大家可以參考http://xheditor.com/manual，這個也是對大家自學能力的一種考驗
注意：注意的地方來了，網上的一些教程也是這么說，但是不知道為什么xmfdsh弄出來的東西卻沒有那些工具欄呢：（如下）
實在沒辦法，先用着瀏覽器的調試來查看下到底發生了什么，然后發現下面的提示錯誤
一看，來時jquery沒有導入，這就奇怪了，明明有導入jquery，於是xmfdsh突然煥然大悟，原來自己的jquery導入的時候放錯地方了，一個不小心放在了xheditor的js后面，於是當xheditor的js要使用jquery的時候，我的jq文件還沒導進去，看來還是我的問題，不知道大家有沒有遇到這個問題，在這里標記下，給大家留個心。