我們下面需要做的是在項目裏面提供給用戶一個富文本編輯區域。
一、什麼是富文本編輯
富文本編輯器，Multi-function Text Editor, 簡稱 MTE, 它提供類似於 Microsoft Word 的編輯功能，提供給不會編寫 HTML 的用戶設置各種文本格式，比如設置字體的大小寫或者插入圖片、插入鏈接等。以下就是普通文本編輯器和富文本編輯器的區別：
上圖我們可以看出來，簡單的文本編輯器也就是<input type='text'/>標籤，這個標籤讓我們只能輸出簡單的無格式文件。
但是富文本編輯器可以讓我們輸入各種字體或圖案的文件。
二、有哪些富文本編輯器
1、TinyMCE
TinyMCE是一個開源的所見即所得的HTML編輯器，界面相當清新，界面模擬本地軟件的風格，頂部有菜單欄。支持圖片在線處理，插件多，功能非常強大，易於集成，並且擁有可定製的主題。支持目前流行的各種瀏覽器，它可以達到微軟Word類似的編輯體驗。 更多介紹及下載：https://www.tiny.cloud/docs/demo/full-featured/
2、CKEditor
Ckeditor也是一款非常經典的富文本編輯器，官方下載量過千萬。它是在非常著名的FCkEditor基礎上開發的新版本，FckEditor的用戶現在基本都轉移到Ckeditor了。
Ckeditor有高性能的實時預覽，它特有行內編輯功能，使得編輯內容更加直觀，彷彿是在編輯網頁一樣，有很強的可擴展性，被各大網站廣泛運用。
更多介紹及下載：https://ckeditor.com/
等等還有很多，功能也挺豐富的，有些甚至根據不同的語言提供非常豐富的接口。但此次項目我只需要一個非常簡單的，最好是直接導入js及css就可以很快使用的插件。
3、HtmlBox
HtmlBox是一個基於jQuery開發的HTML/XHTML編輯器。易於使用。支持多種瀏覽器Mozilla Firefox、Internet
Explorer6.0、Opera、Safari和Netscape。非常小隻有15kb。HtmlBox默認返回HTML，但也可以輸出XHTML。
集成Ajax支持。
資源下載：http://down.chinaz.com/soft/29914.htm
三、HTMLBox的使用
首先是下載，解壓如下：
我們打開其中的一個html文件，修改如下：
效果如下：
做一般的回覆框是沒有多大的問題。
但是如果需要更加豐富的樣式的話，可以採用demo_full.html來修改。
代碼修改如下：
效果如下：
