test1.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" type="text/css" href="../../dist/css/wangEditor.min.css">
  6. <style type="text/css">
  7. #editor-trigger {
  8. height: 400px;
  9. /*max-height: 500px;*/
  10. }
  11. .container {
  12. width: 100%;
  13. margin: 0 auto;
  14. position: relative;
  15. }
  16. </style>
  17. <title>step test</title>
  18. </head>
  19. <body>
  20. <div id="wizard">
  21. <h1>First Step</h1>
  22. <div>First Content</div>
  23. <h1>Second Step</h1>
  24. <div>
  25. <div id="editor-container" class="container">
  26. <div id="editor-trigger"><p>请输入内容</p></div>
  27. </div>
  28. </div>
  29. </div>
  30. <script type="text/javascript" src="../../dist/js/lib/jquery-1.10.2.min.js"></script>
  31. <script type="text/javascript" src="../../dist/js/wangEditor.js"></script>
  32. <script src="//cdn.bootcss.com/jquery-steps/1.1.0/jquery.steps.min.js"></script>
  33. <script type="text/javascript">
  34. var editor = new wangEditor('editor-trigger');
  35. editor.create();
  36. $("#wizard").steps();
  37. </script>
  38. </body>
  39. </html>