test2.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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. </div>
  22. <script type="text/javascript" src="../../dist/js/lib/jquery-1.10.2.min.js"></script>
  23. <script type="text/javascript" src="../../dist/js/wangEditor.js"></script>
  24. <script src="//cdn.bootcss.com/jquery-steps/1.1.0/jquery.steps.min.js"></script>
  25. <script type="text/javascript">
  26. var wizard = $("#wizard").steps();
  27. // Add step
  28. wizard.steps("add", {
  29. title: "HTML code",
  30. content: "<strong>HTML code</strong>"
  31. });
  32. // Add step
  33. var content = '';
  34. content += '<div id="editor-container" class="container"><div id="editor-trigger"><p>请输入内容</p></div></div>';
  35. content += '<script>var editor = new wangEditor("editor-trigger");editor.create();<\/script>';
  36. wizard.steps("add", {
  37. title: "wangEditor",
  38. content: content
  39. });
  40. </script>
  41. </body>
  42. </html>