經常寫部落格的都應該接觸文字編輯器，現在大多數都是使用Markdown,Markdown是一種可以使用普通文字編輯器編寫的標記語言,在文章中通過簡單的語法標記就可以實現文字的不同格式，對於Markdown，必須要有一定的語法基礎，其實也比較容易，個人還是用慣了比較原始的編輯器，在csdn中提供了Markdown和普通的富文字編輯器xhEditor，xhEditor對於初學者非常簡單，選中文字，點選上面的格式按鈕，就可以得到想要的格式，插入媒體檔案等等都可以。下面介紹在jsp頁面中怎樣整合xhEditor。

找到官網http://xheditor.com/,下載最新的版本，對於這種編輯器，大多數都是開源的，在網上搜索富文字編輯器可以搜尋到好多，都可以從網站上下載，還有就是這些富文字編輯器都是跨平臺的，因為他們幾乎都是用javascript指令碼語言進行編寫，他們的執行時依賴於瀏覽器的，只要是電腦上安裝了合適的瀏覽器，編輯器都是可以使用的，無論是什麼系統。

我下載的是1.2.2版本，解壓得到一個資料夾，裡面就是我們需要的檔案了，在檔案中都會給我們具體使用例項，告訴我們怎麼去整合。

開啟這個資料夾，可以看到很多的檔案，由於這種編輯器都是指令碼語言編寫，所以總共也沒有多大

第一個資料夾demos裡面就是一些例子，利用瀏覽器檢視原始碼就可以知道怎麼去用了，點選資料夾開啟：

先看demo01，開啟第一個demo後就會發現在第每個demo裡都有跳向其他demo的連結。裡面有很多的示例，就選擇最普通的預設模式，右鍵檢視原始碼

程式碼中引入了js的指令碼程式碼，在使用時用到了textarea文字框，其中class屬性是我們不需要改變的，外面用了一個表單接收傳遞內容。

在我們的jsp頁面中的head標籤中加入

<script type="text/javascript" src="xheditor-1.2.2/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="xheditor-1.2.2/xheditor-1.2.2.min.js"></script>
<script type="text/javascript" src="xheditor-1.2.2/xheditor_lang/zh-cn.js"></script>
 

<form method="post" action="">
<textarea id="elm1" name="elm1" class="xheditor" rows="12" cols="80" style="width: 80%">
</textarea>
</form>

執行專案得到：注意示例中給的textarea屬性中的name屬性是elm1不要寫成e1m1，我是直接拿來用了，建議修改一下，便於辨認