| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" type="text/css" href="../../dist/css/wangEditor.min.css">
- <style type="text/css">
- #editor-trigger {
- height: 400px;
- /*max-height: 500px;*/
- }
- .container {
- width: 100%;
- margin: 0 auto;
- position: relative;
- }
- </style>
- <title>step test</title>
- </head>
- <body>
- <div id="wizard">
- </div>
-
- <script type="text/javascript" src="../../dist/js/lib/jquery-1.10.2.min.js"></script>
- <script type="text/javascript" src="../../dist/js/wangEditor.js"></script>
- <script src="//cdn.bootcss.com/jquery-steps/1.1.0/jquery.steps.min.js"></script>
- <script type="text/javascript">
- var wizard = $("#wizard").steps();
- // Add step
- wizard.steps("add", {
- title: "HTML code",
- content: "<strong>HTML code</strong>"
- });
- // Add step
- var content = '';
- content += '<div id="editor-container" class="container"><div id="editor-trigger"><p>请输入内容</p></div></div>';
- content += '<script>var editor = new wangEditor("editor-trigger");editor.create();<\/script>';
- wizard.steps("add", {
- title: "wangEditor",
- content: content
- });
- </script>
- </body>
- </html>
|