https://github.com/Kademi/keditor/issues/86

Kademi · Feb 28, 2018 · 20f7221 · 20f7221
1 parent c4e650a
commit 20f7221
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 203 deletions.
diff --git a/examples/blank.html b/examples/blank.html
@@ -12,17 +12,7 @@
         <link rel="stylesheet" type="text/css" href="css/examples.css" />
         <script type="text/javascript" src="plugins/jquery-1.11.3/jquery-1.11.3.min.js"></script>
         <script type="text/javascript" src="../examples/plugins/bootstrap-3.3.6/js/bootstrap.min.js"></script>
-        <script type="text/javascript">
-            var bsTooltip = $.fn.tooltip;
-            var bsButton = $.fn.button;
-        </script>
-        <script src="plugins/jquery-ui-1.11.4/jquery-ui.min.js"></script>
-        <script type="text/javascript">
-            $.widget.bridge('uibutton', $.ui.button);
-            $.widget.bridge('uitooltip', $.ui.tooltip);
-            $.fn.tooltip = bsTooltip;
-            $.fn.button = bsButton;
-        </script>
+        <script type="text/javascript" src="plugins/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
         <script type="text/javascript" src="plugins/jquery.nicescroll-3.6.6/jquery.nicescroll.min.js"></script>
         <script type="text/javascript" src="plugins/ckeditor-4.5.6/ckeditor.js"></script>
         <script type="text/javascript" src="plugins/ckeditor-4.5.6/adapters/jquery.js"></script>

diff --git a/examples/callbacks.html b/examples/callbacks.html
diff --git a/examples/css/examples.css b/examples/css/examples.css
@@ -11,12 +11,10 @@ body {
     min-height: 100%;
 }
 
-#content-area1,
-#content-area2,
-#content-area3 {
+#header,
+#body,
+#footer {
     padding: 30px;
     margin: 20px;
-    background: #fafafa;
-    min-height: 150px;
     border: 3px dashed #ccc;
 }
diff --git a/examples/index.html b/examples/index.html
@@ -37,7 +37,6 @@
             <h2>Examples</h2>
             <ul class="lead">
                 <li><a href="blank.html" target="_blank">Basic example with blank content</a></li>
-                <li><a href="callbacks.html" target="_blank">Full Callbacks</a></li>
                 <li><a href="multi_content_area.html" target="_blank">Multiple Content areas</a></li>
                 <li><a href="support_touch_device.html" target="_blank">Support Touch Device</a></li>
             </ul>

diff --git a/examples/js/examples.js b/examples/js/examples.js
diff --git a/examples/multi_content_area.html b/examples/multi_content_area.html
@@ -12,17 +12,7 @@
         <link rel="stylesheet" type="text/css" href="css/examples.css" />
         <script type="text/javascript" src="plugins/jquery-1.11.3/jquery-1.11.3.min.js"></script>
         <script type="text/javascript" src="../examples/plugins/bootstrap-3.3.6/js/bootstrap.min.js"></script>
-        <script type="text/javascript">
-            var bsTooltip = $.fn.tooltip;
-            var bsButton = $.fn.button;
-        </script>
-        <script src="plugins/jquery-ui-1.11.4/jquery-ui.min.js"></script>
-        <script type="text/javascript">
-            $.widget.bridge('uibutton', $.ui.button);
-            $.widget.bridge('uitooltip', $.ui.tooltip);
-            $.fn.tooltip = bsTooltip;
-            $.fn.button = bsButton;
-        </script>
+        <script type="text/javascript" src="plugins/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
         <script type="text/javascript" src="plugins/jquery.nicescroll-3.6.6/jquery.nicescroll.min.js"></script>
         <script type="text/javascript" src="plugins/ckeditor-4.5.6/ckeditor.js"></script>
         <script type="text/javascript" src="plugins/ckeditor-4.5.6/adapters/jquery.js"></script>
@@ -33,37 +23,43 @@
     </head>
 
     <body>
-        <div id="content-area1">
-            <section>
-                <div data-type="container-content">
-                    <section data-type="component-text">
-                        <h1>Content Area #1</h1>
+        <div class="container">
+            <div id="editor">
+                <div id="header">
+                    <section>
+                        <div data-type="container-content">
+                            <section data-type="component-text">
+                                <h1 class="text-center well-lg">Header</h1>
+                            </section>
+                        </div>
                     </section>
                 </div>
-            </section>
-        </div>
-        <div id="content-area2">
-            <section>
-                <div data-type="container-content">
-                    <section data-type="component-text">
-                        <h1>Content Area #2</h1>
+                <div id="body">
+                    <section>
+                        <div data-type="container-content">
+                            <section data-type="component-text">
+                                <h1 class="text-center well-lg">Body</h1>
+                            </section>
+                        </div>
                     </section>
                 </div>
-            </section>
-        </div>
-        <div id="content-area3">
-            <section>
-                <div data-type="container-content">
-                    <section data-type="component-text">
-                        <h1>Content Area #3</h1>
+                <div id="footer">
+                    <section>
+                        <div data-type="container-content">
+                            <section data-type="component-text">
+                                <h1 class="text-center well-lg">Footer</h1>
+                            </section>
+                        </div>
                     </section>
                 </div>
-            </section>
+            </div>
         </div>
 
         <script type="text/javascript">
             $(function() {
-                $('#content-area1, #content-area2, #content-area3').keditor();
+                $('#editor').keditor({
+                    contentAreasSelector: '#header, #body, #footer'
+                });
             });
         </script>
     </body>

diff --git a/examples/support_touch_device.html b/examples/support_touch_device.html
@@ -12,18 +12,8 @@
         <link rel="stylesheet" type="text/css" href="css/examples.css" />
         <script type="text/javascript" src="plugins/jquery-1.11.3/jquery-1.11.3.min.js"></script>
         <script type="text/javascript" src="../examples/plugins/bootstrap-3.3.6/js/bootstrap.min.js"></script>
-        <script type="text/javascript">
-            var bsTooltip = $.fn.tooltip;
-            var bsButton = $.fn.button;
-        </script>
-        <script src="plugins/jquery-ui-1.11.4/jquery-ui.min.js"></script>
+        <script type="text/javascript" src="plugins/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
         <script src="plugins/jquery-ui.touch-punch-0.2.3/jquery.ui.touch-punch.min.js"></script>
-        <script type="text/javascript">
-            $.widget.bridge('uibutton', $.ui.button);
-            $.widget.bridge('uitooltip', $.ui.tooltip);
-            $.fn.tooltip = bsTooltip;
-            $.fn.button = bsButton;
-        </script>
         <script type="text/javascript" src="plugins/jquery.nicescroll-3.6.6/jquery.nicescroll.min.js"></script>
         <script type="text/javascript" src="plugins/ckeditor-4.5.6/ckeditor.js"></script>
         <script type="text/javascript" src="plugins/ckeditor-4.5.6/adapters/jquery.js"></script>