leipi.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <title>表单设计器 - 清单</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  7. <meta name="generator" content="www.leipi.org"/>
  8. <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
  9. <!--[if lte IE 6]>
  10. <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-ie6.css">
  11. <![endif]-->
  12. <!--[if lte IE 7]>
  13. <link rel="stylesheet" type="text/css" href="bootstrap/css/ie.css">
  14. <![endif]-->
  15. <link rel="stylesheet" href="leipi.style.css">
  16. <script type="text/javascript" src="../dialogs/internal.js"></script>
  17. </head>
  18. <body>
  19. <div class="well">
  20. <div class="alert alert-info">
  21. <span class="pull-right"><a href="http://formdesign.leipi.org/index.php/doc.html" target="_blank"><span
  22. class="glyphicon glyphicon-question-sign"></span>&nbsp;使用教程</a></span>
  23. 控件列表
  24. </div>
  25. <p>
  26. <button type="button" onclick="leipiDialog.exec('text');" class="btn btn-info btn-small">单行输入框</button>
  27. <button type="button" onclick="leipiDialog.exec('textarea');" class="btn btn-info btn-small">多行输入框</button>
  28. <button type="button" onclick="leipiDialog.exec('select');" class="btn btn-info btn-small">下拉菜单</button>
  29. <button type="button" onclick="leipiDialog.exec('radios');" class="btn btn-info btn-small">单选框</button>
  30. <button type="button" onclick="leipiDialog.exec('checkboxs');" class="btn btn-info btn-small">复选框</button>
  31. <button type="button" onclick="leipiDialog.exec('macros');" class="btn btn-info btn-small">宏控件</button>
  32. <button type="button" onclick="leipiDialog.exec('progressbar');" class="btn btn-info btn-small">进度条</button>
  33. <button type="button" onclick="leipiDialog.exec('qrcode');" class="btn btn-info btn-small">二维码</button>
  34. </p>
  35. <br/>
  36. <p>
  37. <button type="button" onclick="leipiDialog.exec('listctrl');" class="btn btn-info btn-small">列表控件</button>
  38. <button type="button" onclick="leipiDialog.exec('more');" class="btn btn-primary btn-small">一起参与...</button>
  39. </p>
  40. </div>
  41. <script type="text/javascript">
  42. var leipiDialog = {
  43. exec: function (method) {
  44. editor.execCommand(method);
  45. dialog.close(true);
  46. }
  47. };
  48. </script>
  49. </body>
  50. </html>