save file

Author: javascript-2020

utils/editors/html-editor/html/output-html/v2.0/output-html-v2.0.html

@@ -35,10 +35,14 @@
                         <input type=checkbox checked>
                         allow-modals
                   </span>
-                  <span id=allow-popups class=radio>
+                  <span id=allow-popups class=radio style='margin-right:30px'>
                         <input type=checkbox checked>
                         allow-popups
                   </span>
+                  <span id=isolate class=radio>
+                        <input type=checkbox checked>
+                        isolate
+                  </span>
 
                   <div style='flex:1'></div>
 
@@ -116,8 +120,12 @@
         var glass;
 
 
-        var btn   = {};
-        obj.on    = {};
+        var sandbox_url;
+        
+        
+        var btn         = {};
+        btn.console     = {};
+        obj.on          = {};
 
 
   //:
@@ -136,7 +144,7 @@
   //:
 
 
-        obj.initdom   = function(rootnode){
+        obj.initdom   = function(){
 
               shadow                                    = host.shadowRoot;
 
@@ -149,18 +157,20 @@
               chk['allow-scripts']                      = $.chkbox(hdr,'#allow-scripts');
               chk['allow-modals']                       = $.chkbox(hdr,'#allow-modals');
               chk['allow-popups']                       = $.chkbox(hdr,'#allow-popups');
+              chk['isolate']                            = $.chkbox(hdr,'#isolate',btn.isolate);
 
-              chk['console-show']                       = $.chkbox(hdr,'#console-show',btn.show_console);
+              chk['console-show']                       = $.chkbox(hdr,'#console-show',btn.console.show);
               chk['console-echo']                       = $.chkbox(hdr,'#console-echo');
               chk['console-persist']                    = $.chkbox(hdr,'#console-persist');
-              $(shadow,'#console-clear').onclick        = btn.clear_console;
+              $(shadow,'#console-clear').onclick        = btn.console.clear;
 
               $(hdr,'#kill').onclick                    = btn.kill;
 
 
               hldr                                      = $(shadow,'#hldr');
               iframe                                    = $(shadow,'iframe');
               def_sandbox                               = iframe.getAttribute('sandbox');
+              sandbox_url                               = iframe.src;
               glass                                     = $(shadow,'#glass');
 
 
@@ -177,25 +187,39 @@
         }//kill
 
 
-        btn.show_console    = function(chk){
+        btn.isolate   = function(chk){
+        
+              var url   = new URL(sandbox_url);
+              if(chk.checked){
+                    sanbox_url   += '?isolate';
+              }else{
+                    var i         = sandbox_url.indexOf('?');
+                    sandbox_url   = sandbox_url.slice(0,i);
+              }
+              
+        }//isolate
+        
+        
+        btn.console.show    = function(chk){
 
               if(chk.checked){
                     webconsole.host.style.display   = '';
               }else{
                     webconsole.host.style.display   = 'none';
               }
 
-        }//show_console
+        }//show
 
 
-        btn.clear_console   = function(){
+        btn.console.clear   = function(){
 
               webconsole.clear();
               if(chk['console-echo'].checked){
                     console.clear();
               }
 
-        }//clear_console
+        }//clear
+        
 
 
         obj.glass   = function(show=true){