submitFormDemo.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  5. <title></title>
  6. <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
  7. <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
  8. <style type="text/css">
  9. body{
  10. font-size:14px;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <h2>UEditor提交示例</h2>
  16. <form id="form" method="post" target="_blank">
  17. <script type="text/plain" id="myEditor" name="myEditor">
  18. <p>欢迎使用UEditor!</p>
  19. </script>
  20. <input type="submit" value="通过input的submit提交">
  21. </form>
  22. <p>
  23. 从1.2.6开始,会自动同步数据无需再手动调用sync方法
  24. <button onclick="document.getElementById('form').submit()">通过js调用submit提交</button>
  25. </p>
  26. <script type="text/javascript">
  27. var editor_a = UE.getEditor('myEditor',{initialFrameHeight:500});
  28. //--自动切换提交地址----
  29. var doc=document,
  30. version = editor_a.options.serverUrl || editor_a.options.imageUrl || "php",
  31. form=doc.getElementById("form");
  32. if(version.match(/php/)){
  33. form.action="./server/getContent.php";
  34. }else if(version.match(/net/)){
  35. form.action="./server/getContent.ashx";
  36. }else if(version.match(/jsp/)){
  37. form.action="./server/getContent.jsp";
  38. }else if(version.match(/asp/)){
  39. form.action="./server/getContent.asp";
  40. }
  41. //-----
  42. </script>
  43. </body>
  44. </html>