验证jquery-step插件兼容性

wangeditor-team · Jun 24, 2016 · 65bcf08 · 65bcf08
1 parent ed0905f
commit 65bcf08
Show file tree

Hide file tree

Showing 5 changed files with 158 additions and 11 deletions.
diff --git a/server.js b/server.js
@@ -12,7 +12,7 @@ var path = require('path');
 var uploadfoldername = 'uploadfiles';
 var uploadfolderpath = path.join(__dirname, uploadfoldername);
 
-// var server = '192.168.1.2';
+// var server = '192.168.1.5';
 // var server = '172.22.145.3';
 var server = 'localhost';
 var port = 8011;

diff --git a/test/index.html b/test/index.html
@@ -19,7 +19,7 @@
 <body style="padding:0 20px;">
     <p>wangEditor2.0 支持 IE8 浏览器</p>
     <div id="editor-container" class="container">
-        <div id="editor-trigger"><p>请输入内容</p></div>
+        <div id="editor-trigger"><p>请输入内容</p><p>&lt;script&gt;&lt;/script&gt;</p></div>
         <!-- <textarea id="editor-trigger" style="display:none;">
             <p>请输入内容...</p>
         </textarea> -->
@@ -93,12 +93,23 @@
         // 第三方上传
         // editor.config.customUpload = true;
 
+        // 普通菜单配置
         // editor.config.menus = [
         //     'img',
         //     'insertcode',
         //     'eraser',
         //     'fullscreen'
         // ];
+        // 只排除某几个菜单（兼容IE低版本，不支持IE5的浏览器），支持ES5的浏览器可直接用 [].map 方法
+        // editor.config.menus = $.map(wangEditor.config.menus, function(item, key) {
+        //     if (item === 'insertcode') {
+        //         return null;
+        //     }
+        //     if (item === 'fullscreen') {
+        //         return null;
+        //     }
+        //     return item;
+        // });
 
         // onchange 事件
         // editor.onchange = function () {

diff --git a/test/step-test/test1.html b/test/step-test/test1.html
@@ -0,0 +1,43 @@
+<!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">
+        <h1>First Step</h1>
+        <div>First Content</div>
+
+        <h1>Second Step</h1>
+        <div>
+            <div id="editor-container" class="container">
+                <div id="editor-trigger"><p>请输入内容</p></div>
+            </div>
+        </div>
+    </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 editor = new wangEditor('editor-trigger');
+        editor.create();
+
+        $("#wizard").steps();
+    </script>
+</body>
+</html>
diff --git a/test/step-test/test2.html b/test/step-test/test2.html
@@ -0,0 +1,45 @@
+<!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>
diff --git a/test/z-test.html b/test/z-test.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="UTF-8">
-    <title>test</title>
+    <title>wangEditor2 test</title>
     <link rel="stylesheet" type="text/css" href="../dist/css/wangEditor.min.css">
     <style type="text/css">
         #editor-trigger {
@@ -16,21 +16,69 @@
         }
     </style>
 </head>
-<body>
+<body style="padding:0 20px;">
     <p>wangEditor2.0 支持 IE8 浏览器</p>
     <div id="editor-container" class="container">
-        <div id="editor-trigger">
-            <p>请输入内容...</p>
-        </div>
+        <div id="editor-trigger"><p>请输入内容</p></div>
     </div>
-    <p><br></p>
 
-    <script src="//cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
-    <!--<script src="//cdn.bootcss.com/jquery/1.10.0/jquery.js"></script>-->
+    <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 type="text/javascript">
+        // 阻止输出log
+        // wangEditor.config.printLog = false;
+
         var editor = new wangEditor('editor-trigger');
+
+        // 上传图片
+        editor.config.uploadImgUrl = '/upload';
+        editor.config.uploadParams = {
+            // token1: 'abcde',
+            // token2: '12345'
+        };
+        editor.config.uploadHeaders = {
+            // 'Accept' : 'text/x-json'
+        }
+        // editor.config.uploadImgFileName = 'myFileName';
+
+        // 表情显示项
+        editor.config.emotionsShow = 'value';
+        editor.config.emotions = {
+            'default': {
+                title: '默认',
+                data: './emotions.data'
+            },
+            'weibo': {
+                title: '微博表情',
+                data: [
+                    {
+                        icon: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/7a/shenshou_thumb.gif',
+                        value: '[草泥马]'    
+                    },
+                    {
+                        icon: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/60/horse2_thumb.gif',
+                        value: '[神马]'    
+                    },
+                    {
+                        icon: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/bc/fuyun_thumb.gif',
+                        value: '[浮云]'    
+                    },
+                    {
+                        icon: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/c9/geili_thumb.gif',
+                        value: '[给力]'    
+                    },
+                    {
+                        icon: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/f2/wg_thumb.gif',
+                        value: '[围观]'    
+                    },
+                    {
+                        icon: 'http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/70/vw_thumb.gif',
+                        value: '[威武]'
+                    }
+                ]
+            }
+        };
         editor.create();
     </script>
 </body>
-</html>
+</html>