在java項目中應用ueditor

雖然百度ueditor的官網和文檔都已經很詳細了。但是自己還是記錄下 自己使用uEditor的過程。

這是 他的官網 http://ueditor.baidu.com/website/  例子 文檔什么的都很詳細。

我下的是 開發版中的gbk版（視項目的編碼方式而定）

 下載下來后 解壓 把文件夾拷到你java ee項目的webroot下如圖：

 

ueditor里面的文件夾都沒變 只是jsp文件夾把里面的前兩個jar包弄到web-Inf里面的lib下面。

 

把Uploader.java 放到src下面如圖

：包名和imageUp.jsp  fileUp.jsp里面引用的一致。

然后就是在jsp頁面里面應用了 代碼 如下：

 

 

<span style="font-size:14px"><tr>
                                <td height="25" align="right" bgcolor="#ecf5ff" style="width: 28%">
                                    新聞內容：
                                </td>
                                <td width="width: 72%" height="25" align="left" bgcolor="#FFFFFF">

                                <script type="text/plain" id="myEditor" name=content></script>
                                <script type="text/javascript">
                                    var Editor= new UE.ui.Editor({
                                        initialFrameWidth:'550',
                                        initialFrameHeight:'300',
                                        toolbars:[['fullscreen', 'undo', 'redo', '|',
                                             'bold', 'italic', 'underline', 'fontborder',</span><span style="font-size:14px">                               <span style="font-size:14px">'strike</span>through', 'superscript', 'subscript'</span><span style="font-size:14px">]]
                                             ,elementPathEnabled : false});
                                    Editor.render('myEditor');
                                </script>
                                </td>
                            </tr></span>

 

new UE.ui.Editor 是初始化編輯器的方法 {}里面是實例化編輯器的一些初始化參數 可以設置編輯器的寬高 工具欄顯示的工具等。

以上的tr 是放在form里面的 提交到后台后 用request.getPrameter("content") （name=content    name等於啥 就獲取啥參數就可以了）

修改取初始化值的時候用 script標簽里面加上 ${}el 表達式取值即可。

提交后台取值 同上。