save file

Author: javascript-2020

html-components/list/web-editor/web-editor.html

@@ -18,9 +18,9 @@
             <base href='https://ext-code.com/html-components/list/web-editor/'>
             <link rel=canonical href='https://ext-code.com/html-components/list/web-editor/web-editor.html'>
 
-            <meta>
+            <meta name=viewport content='width=device-width, initial-scale=1'>
             <link rel=icon href=''>
-
+            
 
             <script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script>
 
@@ -50,12 +50,12 @@
 
 
         async function init(){
-          
+        
               var menu    = menumod();
 
               mod.base.add({ext,$,datatype,keydown,menu,menumod,ace});
 
-
+              
               hdr         = mod['html-components-hdr'];
               log         = mod['log-mod'];
 
@@ -85,7 +85,7 @@
         mod.stack.add;
 
         ({ext}    = await import('https://libs.ext-code.com/js/io/ext-loader/ext-loader.m.js'));
-          
+        
         var promise   = ext.load.libs(
               'js/dom/$.js',
               'js/core/datatype.js',
@@ -94,19 +94,19 @@
               'js/debug/debug.js',
         );
         [$,datatype,menumod,keydown,debug]   = await promise;
-  
+        
         mod.stack.complete;
-              
+        
 })();
 
             </script>
 
 
             <style>
-
+            
   html
     {font-family:arial}
-            
+    
   #latest
     {display:block;margin-top:50px;border:1px solid blue;border-radius:10px;padding:10px}
 
@@ -115,20 +115,20 @@
 
   code
     {display:block;white-space:pre;background:whitesmoke}
-
-  
+    
+    
   th {
     text-align: left;margin-bottom:10px
-  }    
+  }
 td, th {
   padding: 5px 0px;
-}  
+}
             </style>
 
       </head>
 
       <script>
-                  
+      
         var data    = {};
         data.readmd   = `
 # description
@@ -143,18 +143,18 @@
                   <h2 class=title style='top:10px'>web-editor</h2>
                   <time slot=date datetime=2025-12-09>09 Dec 2025</time>
             </html-components-hdr>
-    
-      
+            
+            
             <h3>
                   Description
             </h3>
-      
+            
             <div class=description>
 
                   The web-editor component produces an editor in the webpage
 
             </div>
-
+            
 
             <h3>
                   Include
@@ -187,7 +187,7 @@ <h3>
 
             <div>
                   <p>
-                        the web-editor is setup as the main demo component and as such to simplify the demo's, all options within its 
+                        the web-editor is setup as the main demo component and as such to simplify the demo's, all options within its
                         initmod are optional
                   </p>
                   <table>
@@ -266,13 +266,13 @@ <h3>
                                     on
                               </td>
                               <td>
-                                    used for callbacks for different types of events, probably the most common one is 
+                                    used for callbacks for different types of events, probably the most common one is
                                     on.change, when the editors document changes the on.change callback is called,
                                     allowing the embedding module / document to respond to these events
                               </td>
                         </tr>
                   </table>
-                        
+                  
             </div>
 
 
@@ -281,7 +281,7 @@ <h3>
     {margin:20px}
 
                   </style>
-            
+                  
             <section api>
                   <h3>
                         API
@@ -315,7 +315,7 @@ <h4>
                                     set the mode for the editor
                               </div>
                         </div>
-
+                        
                         <div item>
                               <div class=name>
                                     src
@@ -386,8 +386,8 @@ <h4>
                         </div>
                   </div>
             </section>
-
-
+            
+            
             <section>
                   <h3>
                         Examples
@@ -399,11 +399,11 @@ <h3>
 
             <section files>
                   <style>
-  
+                  
   [files] [tabs]
     {display:flex;text-align:center}
 
-  [files] [tabs] div                  
+  [files] [tabs] div
     {cursor:pointer;margin-bottom:10px;flex:1;border:1px solid lightgray;padding:5px 10px}
 
                   </style>
@@ -423,18 +423,18 @@ <h3>
                   <script>
 
         mod.stack.push(()=>{
-          
+        
               var base    = 'https://libs.ext-code.com/html/web-editor/';
               var get     = url=>fetch(url).then(res=>res.text());
 
               $.all('[files] [tabs] div').forEach(div=>{
-                    
+              
                     div.onclick   = async e=>{
-                      
+                    
                           var txt     = div.textContent.trim();
                           var src;
                           switch(txt){
-                            
+                          
                             case 'latest'   : src='web-editor.html';                  break;
                             case 'v2.0'     : src='v2.0/web-editor-v2.0.html';        break;
 
@@ -444,8 +444,8 @@ <h3>
                           editor.setValue(txt);
                           editor.filename(src);
                           editor.filename.save.hide();
-
-                    }//onclick                    
+                          
+                    }//onclick
 
               });
 
@@ -464,18 +464,18 @@ <h3>
 
 
       <script>
-
+      
 
         document.querySelectorAll('code script').forEach(node=>node.parentNode.textContent=node.textContent);
-
-
+        
+        
   //:
 
 
   //:
 
         function initdom(){
-          
+        
               hdr.initdom();
               log.initdom();