1、首先去官網下載Ueditor,選擇UTF-8版本。
2、在項目工程裏面導入,新建壹個Ueditor的文件夾,把解壓之後的全部東西放進去。
3、新建壹個JSP頁面,並在頁面上引用Ueditor的JS文件,路徑自己調整。
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!-- 編輯器源碼文件 -->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
4、在頁面上新建壹個textarea的標簽,如下:
<textarea id="container" name="container"
style="width: 800px; height: 400px; margin: 0 auto;">
</textarea>
5、實例化編輯器,這裏用的是替代法,即把textarea替換為Ueditor編輯器
<!-- 實例化編輯器 -->
<script type="text/javascript">
var ue = UE.getEditor("container");
</script>
到此,基本配置就完了。
後臺獲取數據,在後臺裏面:
String word_content = request.getParameter("container"); 獲取頁面上的name="container "就行了
如果使用SSH框架的話,更加簡單,我也就不贅述了。
關於數據庫獲取數據,使用查詢語句查詢對應的字段,傳遞到頁面上就OK。不用過多的考慮。
其次還給妳說壹下,關於圖片上傳的問題:
當妳能夠運行編輯器頁面的時候,圖片上傳功能就已經實現了。不需要妳做額外的配置。
默認的圖片上傳目錄是:
WebContent下的images目錄,上傳的圖片是在服務器上的,項目工程裏面是沒有的,要去妳工作空間裏面找,我的是E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。妳可以對應的這個目錄去找。
再次說明壹下,圖片的上傳目錄可以更改。打開如圖:
打開之後是這個樣子:
這個就是圖片上傳文件的配置,妳可以在這裏修改妳想上傳的文件路徑。