1. <div>
2. <h1>完整demo</h1>
3. <form method="post" name="form">
4. <div id="editor" name="content" style="width:800px;height:500px"></div>
6. <div id="editor2" name="content" style="width:800px;height:500px"></div>
8. </form>
9. </div>
10. <div><input type="button" value="提交" onclick="t()"></input></div>
12. 三、創建ue對象實例
13. <script type="text/javascript">
15. //實例化編輯器
16. //建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor(‘editor‘)就能拿到相關的實例
17. var ue = UE.getEditor(‘editor‘,{
18. toolbars: [
19. [‘source‘,‘subscript‘,‘superscript‘, ‘undo‘, ‘redo‘, ‘bold‘, ‘snapscreen‘,‘preview‘, ‘simpleupload‘,‘insertimage‘, ‘emotion‘,
20. ‘spechars‘, ‘drafts‘ , ‘time‘,‘date‘]
21. ],
22. autoHeightEnabled: true,
23. autoFloatEnabled: true,
24. imageActionName:‘testUpload‘//定義上傳的action名稱
25. });
27. UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
28. UE.Editor.prototype.getActionUrl = function(action) {
29. if (action == ‘testUpload‘) {//跳轉到後來的上傳action
30. return ‘${pageContext.request.contextPath}/testEditor/testUpload.action‘;
31. } else {
32. return this._bkGetActionUrl.call(this, action);
33. }
34. }
37. function t(){
38. form.action="${pageContext.request.contextPath }/testEditor/testForm.action";
39. form.submit();
40. }
43. </script>

ueditor 編輯器，自定義圖片上傳