第一步：獲取到富文字框的這個檔案，連結地址：https://ckeditor.com/cke4/builder

（1）裡面有幾個選擇，看你需求自己進行選擇，然後滑鼠一直拖到最下面，開始下載包

        下面我只是舉個例子：我選擇的事第三個full;後面還有些選擇類似。

注意：博主在第一次的時候發現富文字框沒有顏色，忘了選擇下面這個，也就是第一個

第二步：把ckeditor這個包放到WebRoot下面（位置是按博主第一次做的寫的）

第三步：總之前面一堆廢話就是告訴你，你搞到一個ckeditor包就行了，就這麼簡單。然後在html頁面你要新增的地方加上這麼一句話：<textarea  id="scpg" name="editor01"></textarea> 這個name是一定要的，目的就是第四步

對了把包放到WebRooT下，我們一定要引入啊，在你的html頁面還得加一句話：

<script src="${contextPath}/ckeditor/ckeditor.js"></script>具體的路徑看你自身情況

第四步：<script type="text/javascript">

                    CKEDITOR.replace('editor01');//這句話相當的重要，沒有這句話，只會顯示文字域，沒有富文字框的效果

            </script>

第五步：做這些不就得獲取到文字域裡面的內容；加上這句：

             var htmlData=CKEDITOR.instances.scpg.getData();//注意

到此就全部做完了，主要就是得到包，加上三兩句話，記得引入你包的路徑，然後就全部結束。